如何使用Jquery在Li内部动态创建复选框

Question

我想实现以下HTML

 <li class="default_filter"><input type="checkbox" name="someName"/></li>

我试过了：

 var dome= "$('.ulContainer')";

  var li= $('<li/>').text(data[i]).appendTo(dom);

  var cbx=$('<input type='checkbox'/>').name("someName").appendTo(li);

Answer 1

尝试这个 ：

$('.ulContainer').append('<li class="default_filter">' + data[i] + '<input type="checkbox" name="someName"/></li>');

Answer 2

如果可以使用Javascript，则可以在下面使用：

//loop starts here 
var li = document.createElement('li');
li.className = 'default_filter';

var inputCB =  document.createElement('input');
inputCB.type = 'checkbox';
inputCB.setAttribute('name','someName');

li.appendChild(inputCB);

$('.ulContainer').append(li);
//loop ends here.

您可以在循环中使用它来制作多个li