因此,我创建了一个全选复选框以选择和取消选择我的列表。
一切正常,但是当我删除列表时,它也会删除全选复选框。
请告诉我我在做什么错。
这是代码:
HTML:
<div class="item-list">
<H2>Shopping List</H2>
<ul class="check-list">
<li><input type="checkbox" id="select-all"/>Select All</li>
</ul>
</div>
jQuery的:
$(document).ready(function(){
$(".add-btn").click(function (){
var addItem = $('#item-add').val();
$(".check-list").append('<li ><input type="checkbox" class="check-box">' + addItem + '</li>');
});
$('#select-all').change(function(){
$('.check-box').prop('checked', $(this).prop('checked'));
});
$(".rem-btn").click(function(){
$(".check-list input:checked").parent().remove();
});
});
最佳答案
如果要在执行删除操作时排除select-all
复选框。 $.fn.not()
可用于从$(".check-list input:checked")
元素中排除该复选框。
从匹配的元素集中删除元素。
用
$(".check-list input:checked").not('#select-all').parent().remove();
或者,也可以使用
:not
selector选择与给定选择器不匹配的所有元素。
$(".check-list input:checked:not(#select-all)").parent().remove();