javascript - 如何在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

只需在里面添加复选框的html标签<span> 试试这个

 .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>