如何在jquery中附加复选框

Question

我如何在下面的代码中添加span后的复选框。

var aaa = $('<a/>')
.html("<span>"  "</span >" + " <span>""</span> ")                       
.attr('data-transition', 'slide') 
.appendTo(li);

Answer 1

您的.html()有几个连接问题：

.html("<span>"  "</span >" + " <span>""</span> ")    
     //------^^^^--------------------^^--------useless quotes are here.

这样：

.html("<span></span ><input type='checkbox' value='' />" + " <span>""</span> ") 

这样：

 .html("<span></span >" + " <span></span><input type='checkbox' value='' />") 

或两者之后：

.html("<span></span> <input type='checkbox' value='' />" + " <span></span><input type='checkbox' value='' />") 

Answer 2

只需在<span>内添加复选框的html标记 试试这个

 .html("<span> <input type='checkbox' value='value' />test<input type='checkbox' value='value1' />test1</span >") ;         

Answer 3

您还可以使用html选项。

var $a = $("<a/>", {
  "data-transition": "slide",
  "html": $("<input>", {
    "type": "checkbox"
  })
})
.appendTo(li);

它将呈现此HTML：

<a data-transition="slide"><input type="checkbox"></a>