2

我有一个列表项：

<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 添加它？

4

3 回答 3

4

使用prepend()和append();

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

示例小提琴

于 2012-08-28T16:27:41.207 回答
1

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

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

参考：

于 2012-08-28T16:28:00.283 回答
1

你可以这样做

$("#content ul").append('< li > divs ... < / li >');
于 2012-08-28T16:28:55.073 回答