如何使用 jquery appendTo() 将列表项与按钮结合起来？

Question

现在我有我的列表项和我的按钮在它下面，我希望我的按钮紧挨着列表项的下一个。我尝试使用名称 = 但它只输出按钮的 html 的字符串版本，而不是实际的 html 按钮本身

  function addCheckbox(name, id) {
     var container = $('#sortable');
     var items = container.find('li');
    //name = name+ '<button type="button" id = "delete" value="delete">Delete</button>';
     $('<li /> ', { 'id': 'cb_'+id, text:''+ name }).appendTo(container);
     $('<button> ', { 'id': 'delete', value:'delete' , text:'delete' }).appendTo(container);
   }

Answer 1

将按钮附加到 li

var li = $('<li /> ', { 'id': 'cb_'+id, text:''+ name });
li.appendTo(container);
$('<button> ', { 'id': 'delete', value:'delete' , text:'delete' }).appendTo(li);

此外，如果您有多个删除按钮，则需要使删除按钮的 ID 唯一。使用通用的类名，只监听点击事件。

$(container.on("click", "button.deleteClass", function () {
    console.log(this);
    //$(this).closest("li").remove();
});

如何使用 jquery appendTo() 将列表项与按钮结合起来？

how to combine list items with buttons using jquery appendTo()?

html

javascript

jquery

append