jQuery: Отметьте/снимите отметку со всех братьев и сестер с определенным классом

Question

Я новичок в jQuery и надеюсь, что кто-то здесь может помочь мне с этим вопросом.

Я пытаюсь создать «все» флажок для включения/выключения всех своих одноуровневые флажков (т.е. те, под тем же DIV/родителя) - но только если они не имеют определенного класса ("other").

Мой подход заключался в том, чтобы вызвать наименьшее время запуска и написать его таким образом, чтобы его также можно было применять к аналогичным структурам в других div.

Код У меня есть работы без переключателя :not(), но я не могу заставить его работать, когда я включаю это. Кроме того, я не уверен, что мой подход является лучшим/быстрым способом здесь.

Мой JQuery:

$('.checkAll').click(function(){ 
    if($(this).is(':checked')){ 
     $(this).siblings(":not($('.other'))").prop('checked', true); 
    }else{ 
     $(this).siblings(":not($('.other'))").prop('checked', false); 
    } 
}); 

Большое спасибо заранее за любую помощь, Mike

Answer 1

Вам не нужно jQuery Selector внутри :not.

$('.checkAll').on('click', function() { 
    $(this).siblings(":not('.other')").prop('checked', $(this).is(':checked')); 
}); 

$(this).is(':checked') возвращает true/false, которые вы проверили с помощью if и назначены же к checked.

Answer 2

Вам не нужно $ внутри :not. Вы можете оптимизировать код, который вы используете this.checked, и избегать оператора if.

$('.checkAll').click(function(){ 
     $(this).siblings(":not('.other')").prop('checked', this.checked); 
}); 

Answer 3

удалить объект JQuery в не селекторе, вы можете использовать строку

$(this).siblings(":not('.other')").prop('checked', true);