因此,我创建了一个全选复选框以选择和取消选择我的列表。
一切正常,但是当我删除列表时,它也会删除全选复选框。
请告诉我我在做什么错。
这是代码:

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();

08-25 11:40
查看更多