Question

截至目前，我的列表项和我的按钮位于其下方，我希望我的按钮位于列表项的下一个旁边。我尝试使用name =但它只输出按钮的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（）将列表项与按钮组合？

1 个答案: