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元素。

链接地址: http://www.djcxy.com/p/83365.html

上一篇: jQuery create element containing child element

下一篇: Build dynamic sub menu from JSON data using JQuery?