隐藏除我单击的那个以外的其他 DIv... 在 JQuery 中

Question

嗨，

我有 html 之类的

 <div class="float_left myFormsContainer" id="fm_myforms_container">

     <div id='form1'>
           <p>
             <a id="form43" data-attr="Formentries" href="#">  Personal Form </a>
           </p>
      EDITTED     <div></div>
      </div>
  <div id='form2'>

       <p>
             <a id="form44" data-attr="Formentries" href="#">  Contact Form </a>
         </p>
 </div>

 <div id='form3'>
             <p>
             <a id="form45" data-attr="Formentries" href="#">  Employee Form </a>
         </p>
</div>

</div>

在 JQuery 中，我像点击任何标签一样进行编码

    $("#fm_myforms_container a").live("click", function(){


        $("#fm_myforms_container div").hide();//to hide all other divs other than the one what i have clicked...

return false;
      });

我正在尝试隐藏除我单击的 div 之外的所有其他 div...

怎么办？？请建议我.. 我是 JQuery 的新手...

Answer 1

你可以使用：

$("#fm_myforms_container div").not($(this).closest("div")).hide();

或者如果您只想隐藏顶级 div：

$("#fm_myforms_container > div").not($(this).closest("div")).hide();