添加列表項

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