jQuery创建包含子元素的元素
在jQuery中创建div元素在描述如何创建和插入元素方面做得很好,但是,我希望使用<li><a href="abc.html">click</a></li>
。 href和文本易受XSS影响,所以我需要采取措施。 我可以像创建<a>
元素:
var href='abc.html',text='click';
jQuery('<a/>', {
href: href,
text: text
}).appendTo('#mySelector');
我如何修改这个以包含</li>
元素?
包起来:
$(document).ready(function() {
var href='abc.html',text='click';
jQuery('<a/>', {
href: href,
text: text
}).wrap("<li>").parent().appendTo('#mySelector');
})
http://codepen.io/anon/pen/Eyqco
Personnaly,我喜欢直接在html中完成:
var html = "";
html += "<li>";
html += "<a href='www.google.com' >click me</a>";
html += "</li>";
$("myselector").append(html);
首先,您可以将<li>
标签添加到ID为mySelector
的元素。
$('<li>').appendTo('#mySelector');
然后,将您的<a>
标签附加到li元素。