添加一個複選框使用JQuery

一個無序列表，我有一個無序列表（可以嵌套），如：添加一個複選框使用JQuery

<div id="checklist"> 
    <ul> 
     <li>On Page SEO 
      <ul> 
       <li>My work <i>And note.</i> 
       <li>Your work <i>Blah</i> 
      </ul> 
     </li> 
     <li>Is this love?</li> 
    </ul> 
</div>

在文件準備好了，我想一個複選框添加到每個<li>標籤文本之前。我現在有這增加了它的文本之後的情況如下：使用的prependTo()代替appendTo()會做的伎倆

來源

2014-04-01 checklist

所以，使用prependTo（）方法，而不是appendTo –

試試這個：

$(document).ready(function() { 
    $('div#checklist ul li').prepend('<input type="checkbox" value="1" />'); 
});

或者：

$(document).ready(function() { 
    $('<input type="checkbox" value="1" />').prependTo("li"); 
});

來源

2014-04-01 02:30:11

$(document).ready(function() { 
    $('<input type="checkbox" value="1" />').appendTo('li'); 
});

來源

2014-04-01 02:35:03

我認爲你想要做的是附加複選框旁邊的Ÿli不包含ul裏面，如果是的話，那麼你可以這樣做：

$('ul li').not(':has("ul")').append('<input type="checkbox" value="1" />');

你還需要在你的HTML標記使用</li>關閉<li>。

Fiddle Demo

來源

2014-04-01 02:43:13 Felix

添加一個複選框使用JQuery

回答

相關問題