使用 jquery 创建 html [英] create html with jquery
本文介绍了使用 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:
推荐答案
好的,我们开始:
在你的 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);
}
希望我做对了!
这篇关于使用 jquery 创建 html的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文