添加列表项

Question

我有一个列表项中使用jQuery的div：

<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

你可以做到这一点像`appendTo`这个

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