Javascript 使用JQuery将元素插入到元素中

我正在尝试使用JQuery创建待办事项列表。我想在每个

元素中添加一个复选框

我的代码是：

$('ul').append($('<li>')
               .attr('id', '' + counter + '')
               .addClass('todo')
               .append(text))
       .append('<input type="checkbox" />');

$（'ul'）。追加（$（'
'））
.attr（'id'，''+计数器+''）
.addClass（'todo'）
.附加（文本））
.附加（“”）；

---

这会在li元素后附加一个复选框，但不在其中。如何将复选框直接插入li元素

代码所做的是将复选框添加到ul元素中，而不是li元素中

尝试：

var$li=$（'
'）.attr（'id'，counter）.addClass（'todo'）.append（''）.append（text）；
$（'ul'）。追加（$li）；

---

希望有帮助。

您需要将复选框附加到

li

，而不是

ul

  $('ul').append($('<li>')
           .attr('id', '' + counter + '')
           .addClass('todo')
           .append(text)
           .append('<input type="checkbox" />'));

$（'ul'）。追加（$（'
'））
.attr（'id'，''+计数器+''）
.addClass（'todo'）
.append（文本）
.附加（''）；

$（'ul'）。附加(
$（'
'，{id:counter，'class'：'todo'}）(
文本，$（''，{键入：'复选框'}）
)
)

您可以使代码更可读、更易于支持。例如：

var $li = $('<li>', {
    id: counter,
    className: 'todo',
    text: text
})
.append('<input type="checkbox" />');

$('ul').append($li);

var$li=$（“
”{
id:柜台，
类名：“todo”，
文本：文本
})
.附加（“”）；
$（'ul'）。追加（$li）；

---

因为您需要将其附加到li而不是ul，所以作为ul的直接后代的复选框无效谢谢大家的帮助@AshishMishra，因为您没有在小提琴中定义

text

：@AshishMishra-当然没有，变量没有定义？

$('ul').append(
    $('<li />', {id : counter, 'class' : 'todo'}).append(
        text, $('<input />', {type: 'checkbox'})
    )
)

var $li = $('<li>', {
    id: counter,
    className: 'todo',
    text: text
})
.append('<input type="checkbox" />');

$('ul').append($li);