如何在jquery中附加複選框

Question

如何在跨越下面的代碼後添加複選框。

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

Answer 1

只需添加的HTML標記，複選框內<span> 試試這個

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

Answer 2

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

您也可以使用html選項。

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

，它將使這個HTML：

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