隐藏除了我点击的One之外的其他DIv ...在JQuery中

时间:2009-09-09 10:09:06

标签: jquery

HI,

我有像

这样的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 ...

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

1 个答案:

答案 0 :(得分:1)

您可以使用:

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

或者如果你只想隐藏顶级div:

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