我希望从ajax调用返回的数组中生成以下列表.
<ul id="list">
<li><input type="checkbox" name="rss" value="231" />bla</li>
<li><input type="checkbox" name="rss" value="321" checked="checked" />ble</li>
<li><input type="checkbox" name="rss" value="431" />abc</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
以下两个都可以工作(我可能需要调整,但它们很接近.一种方法比另一种方法更受欢迎吗?是否有更好的东西?谢谢
var l=$("#list");
l.html('');
$(data).each(function(){
l.append('<li><input type="checkbox" name="rss" checked="'+((this.selected)?'checked':null)+'" value="'+this.id+'" />'+this.channel+'</li>');
//Or
l.append($("#rss-clone").clone(true).removeAttr('id').find('input').val(this.id).attr('checked',(this.selected)?'checked':null).parent().text(this.channel));
},'json');
Run Code Online (Sandbox Code Playgroud)
//仅限克隆解决方案:
<ul class="hidden"><li id="rss-clone"><input type="checkbox" name="rss" value="" />bla</li></ul>
Run Code Online (Sandbox Code Playgroud)
jquery ×1