jquery - 隐藏除一个类之外的所有div

Question

这是我的代码:

  <div id="principal" class="classxx">
    <div class="class001 cat2 blabla">
      <div class="class002">
        <div class="class003"></div>
        <div class="class004"></div>
        <div class="class005"></div>
      </div>
    </div>
    <div class="class001 cat3 blabla">
      <div class="class002">
        <div class="class003"></div>
        <div class="class004"></div>
        <div class="class005"></div>
      </div>
    </div>
    <div class="class001 cat1 blabla">
      <div class="class002">
        <div class="class003"></div>
        <div class="class004"></div>
        <div class="class005"></div>
      </div>
    </div>
  </div>

我需要一个像以下的功能:

function showOnlyCat(className){}

如果我打电话,showOnlyCat('cat3')我想只看到所有拥有'cat3'类的DIV(每个DIV有多个类)及其子级当然

我还需要一个showAllCat()显示所有cat1,cat2,cat3 ...... DIV的东西

非常感谢您的帮助

Answer 1

试试这个 :

function showOnlyCat(cat) {
    $('div').not('.'+cat).hide();
}
function showAllCat() {
    $('div').show();
}

Answer 2

试试这个:

$('div.cat').siblings().show();

所有与班级为猫的div的兄弟姐妹都将被隐藏.

$('div.cat').siblings().show();

将显示所有与班级为猫的div.