Как использовать в jQuery: not и hasClass (), чтобы получить определенный элемент без класса

Question

У меня есть эта строка кода:

$('#sitesAccordion .groupOfSites').click(function() {
    var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)');
    console.log(lastOpenSite);
});

Я получаю «ложь» вместо того, чтобы получить один из других элементов (при условии, что есть один - и должен быть).Я предполагаю, что проблема с:

.hasClass(':not(.closedTab)');

В чем проблема?

Моя цель - создать свой собственный аккордеон (без использования jQuery UI)

, и япытаюсь написать так:

$('#sitesAccordion .groupOfSites').click(function() {

    //Get the last opened tab
    var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)');

    //Close last opened tab and add class
    lastOpenSite.hide().toggleClass('closedTab');

    //Open the current Tab
    $(this).children('.accordionContent').toggle('fast');

    // remove class from open tab
    $(this).toggleClass('closedTab');


});

Это лучший способ?спасибо, Алон

Answer 1

Вместо этого используйте функцию not:

var lastOpenSite = $(this).siblings().not('.closedTab');

hasClass только проверяет, имеет ли элемент класс, not удалит элементы из выбранного набора, соответствующиепредоставленный селектор.

Answer 2

Гораздо проще сделать так:

if(!$('#foo').hasClass('bar')) { 
  ...
}

The!перед критериями означает ложь, работает на большинстве языков программирования.

Answer 3

Метод jQuery hasClass() возвращает логическое значение (true / false), а не элемент.Кроме того, параметр, который должен быть передан ему, это имя класса, а не селектор как таковой.

Например: x.hasClass('error');

Answer 4

Вы также можете использовать jQuery - is (селектор) Метод :

var lastOpenSite = $(this).siblings().is(':not(.closedTab)');

Answer 5

Я не знаю, было ли это так во время первоначальной публикации, но метод братьев и сестер допускает селекторы, так что сокращение того, что указано в OP, должно работать.

 $(this).siblings(':not(.closedTab)');