在列表项中使用jquery添加div

Question

我有一个列表项：

<li class="sortedli">Call Type</li>

我希望在列表中的文本的两侧添加两个div：

<li class="sortedli">
    <div class="sel-display-on">&nbsp;</div>
                Call Type
    <div class="sel-trash-on">&nbsp;</div>
</li>

我如何使用Jquery添加它？

Answer 1

使用prepend()和append();

$(".sortedli").prepend("<div class=\"sel-display-on\"></div>");
$(".sortedli").append("<div class=\"sel-trash-on\"></div>");

Example fiddle

Answer 2

这是未经测试的，但我建议：

var li = $('.sortedli').first();
$('<div />', {'class' : 'sel-display-on', 'text' : '&nbsp;'}).prependTo(li);
$('<div />', {'class' : 'sel-trash-on', 'text' : '&nbsp;'}).appendTo(li);

您也可以使用：

$('.sortedli').html(
    function(i,h) {
        return '<div class="sel-display-on">&nbsp;</div>' + h + '<div class="sel-trash-on">&nbsp;</div>';
    });

参考文献：

• appendTo()。
• html()。
• prependTo()。

Answer 3

你可以这样做

$("#content ul").append('< li > divs ... < / li >');