JQuery - 只需走进主要元素

时间:2016-09-12 01:59:27

标签: javascript jquery html

如果我有例子

// So, I just want to walk into the main nodes... the code below

$('ul.treeview').children('li').each(
<ul class="treeview">
  <li> Something </li>
  <li> Anything
    <ul>
      <li> Anything 2 </li>
    </ul>
  </li>
  <li> Another thing </li>
</ul>


    

...

显示演练中的Anything 2 ......

我只想捕获UL中的主节点...在这种情况下

东西 什么 另一件事

Noob问题,但是,没有弄清楚如何做到这一点

4 个答案:

答案 0 :(得分:1)

直接使用CSS选择器简化:)

$('ul.treeview > li').each(

答案 1 :(得分:1)

您的代码段会抓取嵌套在目标中的所有li。我很确定$("ul.treeview > li")会做到这一点。

答案 2 :(得分:0)

使用Jquery 子选择器(“父&gt;子”)

选择由“parent”指定的元素“child”指定的所有直接子元素。

在您的情况下,它应该是updateItem()。然后,您可以在$('ul.treeview>li')函数中添加一些过滤器来过滤each()

答案 3 :(得分:0)

你不必使用css选择器只使用遍历方法。

&#13;
&#13;
$(function(){

$('.treeview').children('li').each(function(){
	$(this).addClass('onlyFirstNodes');	
});

});
&#13;
&#13;
&#13;