Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery appendTo()将列表项与按钮组合?_Javascript_Jquery_Html_Append - Fatal编程技术网

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

Javascript 如何使用jquery appendTo()将列表项与按钮组合?,javascript,jquery,html,append,Javascript,Jquery,Html,Append,现在我有我的列表项和我的按钮在下面,我希望我的按钮就在列表项的下一个旁边。我试着使用name=但它只是为按钮输出html的字符串版本,而不是实际的html按钮本身 function addCheckbox(name, id) { var container = $('#sortable'); var items = container.find('li'); //name = name+ '<button type="button" id = "delete

现在我有我的列表项和我的按钮在下面,我希望我的按钮就在列表项的下一个旁边。我试着使用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);
   }
函数addCheckbox(名称、id){
变量容器=$(“#可排序”);
var items=container.find('li');
//名称=名称+删除;
$('
  • ',{'id':'cb_uu'+id,文本:'+name}); $(“”,{id':'delete',值:'delete',文本:'delete'}); }
  • 将按钮附加到li

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

    如果我让delete按钮显示'delete'+id,我将如何查找该按钮是否被调用?
    $(container.on("click", "button.deleteClass", function () {
        console.log(this);
        //$(this).closest("li").remove();
    });