如何在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');


});

这是最好的方法吗？谢谢,Alon

Answer 1

请改用此not功能:

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

hasClass仅测试元素是否具有类,not将从与所提供的选择器匹配的所选集合中删除元素.

Answer 2

这样做要容易得多:

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

的!在标准前面表示错误,适用于大多数编程语言.

Answer 3

jQuery的hasClass()方法返回一个布尔值(true/false)而不是一个元素.此外,要赋予它的参数是类名而不是选择器.

例如: x.hasClass('error');