如何使用jquery appendTo(）将列表项与按钮组合

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

本文关键字：列表 按钮 组合 何使用 jquery appendTo      更新时间：2023-09-26

现在我有我的列表项和下面的按钮，我希望我的按钮就在列表项的下一个旁边。我尝试使用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);
   }

将按钮附加到li

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

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

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