如何将列表项与使用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

追加的按钮，李

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(); 
});