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

问题描述

这是我的代码:

  <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>

我需要一个像这样的函数:

I need a function like :

function showOnlyCat(className){}

如果我呼叫showOnlyCat('cat3')，我只想查看所有具有'cat3'类的DIV(每个DIV具有多个类)及其子级

If I call showOnlyCat('cat3') I want to see only all the DIVs that have the 'cat3' class (each DIV has multiple classes) and its children of course

我还需要一个showAllCat()来显示所有cat1，cat2，cat3 ... DIV

And I also need a showAllCat() that shows all the cat1, cat2, cat3... DIVs

非常感谢您的帮助

推荐答案

尝试一下:

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

这篇关于jQuery-隐藏除一个类外的所有div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！