当前位置 : 主页 > 网页制作 > JQuery >

jquery – 如何选择父母和孙子?

来源:互联网 收集:自由互联 发布时间:2021-06-15
在下面的树中,我想只选择PARENT和GRANDCHILD: div class="jstree" ul li aPARENT/a ul li aCHILD/a ul li aGRANDCHILD/a /li /ul /li /ul /li /ul/div 该树由jQuery插件“jsTree”创建. 以下代码有效,但我认为有更优雅的
在下面的树中,我想只选择PARENT和GRANDCHILD:

<div class="jstree">
 <ul>
  <li>
   <a>PARENT</a>
   <ul>
    <li>
     <a>CHILD</a>
     <ul>
      <li>
       <a>GRANDCHILD</a>
      </li>
     </ul>
    </li>
   </ul>
  </li>
 </ul>
</div>

该树由jQuery插件“jsTree”创建.

以下代码有效,但我认为有更优雅的方法:

$(document).on("click", ".jstree a:not(.jstree > ul > li > ul > li > a)", function(event) {
   ...
});
Working jsFiddle Demo

你的选择器很好,这里是一个较短的选择器:

$('.jstree a:not(:eq(1))')

注意

最好避免使用上面的选择器或你自己编写的选择器.而是选择基于id或class的元素.选择基于层次结构的元素将破坏大型标记.

网友评论