使用 jquery 创建 html

问题描述：

我需要创建这样的行:

        <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).

这里是jsfiddle:

here the jsfiddle:

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

答

好的，我们开始:

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

在你的 for 循环中，我是这样做的:

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);
}

希望我做对了！

相关推荐