Question

I need to create lines like this:

        <li data-target="c1.html"><span>I. </span><span>Het tijdperk der goden</span></li>

I really stumble with it, for example i can create <li><span> but when i try to add text to it then my span is gone.

It’s probably quite easy but i can’t get it done.
O yeah a lot of things can be done with a one-line solution. I don’t care much about it being it compact, i prefer a clear solution (although one-line solutions can be clear).

here the jsfiddle:

http://jsfiddle.net/nCs99/1/

Answer 1

Ok, here we go:

http://jsfiddle.net/nCs99/3/

In your for loop I did like this:

for(var i = 0; i < content.data.length; i++) {
    var item =  content.data[i];
    var ch = item.ch;
    var name = item.name;
    var target = item.target;

    // i need to create this:
    // <li><span>I. </span><span>Het tijdperk der goden</span></li>

    var li = $("<li>")
    var span = $('<span>');
    span.html("test");
    var span2 = $("<span>");
    span2.html(ch);
    li.append(span);
    li.append(span2);
    list.append(li);
}

Hope I got it right!