Question

我有一个无序列表（可以嵌套），例如：

<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>标记添加一个复选框。我目前有以下内容在文本之后添加：

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

Answer 1

使用prependTo()代替appendTo()可以解决问题

Answer 2

试试这个：

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

或者：

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

Answer 3

我认为你要做的是在其中包含li的任何ul旁边添加复选框，如果是，那么你可以这样做：

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

您还需要在HTML标记中使用<li>关闭</li>。

<强> Fiddle Demo

使用JQuery将复选框添加到无序列表

3 个答案: