javascript - 如何节省jquery选择器

Question

可能是一个愚蠢的问题，但我找不到直接答案，那么如何将 ":not('#home div, .nav')" 更改为类似 >":not('这个 div, .nav')"?这将允许我为不同的对象重用相同的函数。

 $( "#home" ).click(function() {
     $("#content .plates").children(":not('#home div, .nav')" ).fadeOut(700);     
    });

如果需要，这里是 HTML:

<div id="wrapper">
 <div id="content">
  <div id="home" class="plates">
   <div class="nav"></div>
   <div id="one"></div>
   <div id="two"></div>
  </div>
  <div id="about" class="plates">
   <div class="nav"></div>
   <div id="three"></div>
   <div id="four"></div>
  </div>
 </div>
</div>

感谢您的帮助!

Answer 1

在处理程序中，this 将是单击的元素，因此您可以使用它:

$( "#home" ).click(function() {
   $("#wrapper #content .plates").children(":not('#"+this.id+" div, .nav')" ).fadeOut(700);     
 });