【jquery节点遍历】

节点遍历

first()

  console.log("---------- first ---------");
   //获取匹配的第一个元素
  console.log($("li").first().html());

last()

  console.log("---------- last ---------");
  //获取匹配的最后一个元素
  console.log($("li").last().html());

children()

 $(元素).children() 
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。

  console.log("---------- children ---------");
   //查找DIV中的每个子元素。
  var childrens = $("div").children();

find(selector)

搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法

parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合

parents([expr])

取得一个包含着所有匹配元素的祖先元素的元素集合

closest()

取得一个包含着所有匹配元素的唯一父元素的元素集合

 <ul>
        <li>我是飞行员1
            <ul>
                <li class="a">我是空姐1</li>
                <li>我是空姐2</li>
                <li>我是空姐3</li>
            </ul>
        </li>
    </ul>
  /* 有一个ul 里面有一个li li里面又有一个ul 还有li 这个li有个class="a" */
        /*  第一个效果 把class="a"的li的最近的一个ul父元素变绿 */
        /*  第二个效果 把class="a"的li的所有的ul变绿 */
        $('.a').click(function(){
            $(this).closest('ul').css('background','green')
            $(this).parents('ul').css('background','green')
        })

siblings([expr])

用于筛选同辈元素

eq(index)

获取当前操作中第N个jQuery对象，参数>=0时为正向选取，当参数为负数时为反向选取，-1为倒数第一个

next([expr])

找下一个兄弟

prev([expr])

找上一个兄弟

prevAll([expr])

查找当前元素之前所有的同辈元素

nextAll([expr])

查找当前元素之后所有的同辈元素