jquery向后查找兄弟元素 next() nextAll() nextUntil()

jquery向后查找兄弟元素 next() nextAll() nextUntil()

兄弟元素，指的是该元素在同一个父元素下的“同级”元素。

 <ul>

        <li>红色red</li>

        <li id="lvye">http://www.nanaopearl.com/</li>

        <li>青色cyan</li>

</ul>

一、prev()方法

在jQuery中，我们可以使用next()方法来查找某个元素的后一个“相邻”的兄弟元素。

<script type="text/javascript">

        $(function () {

            $("#lvye").prev().css("color", "red");

        })

</script>

二、nextAll()方法

nextAll()方法跟next()方法相似，都是用来向后查找所选元素的兄弟元素，但是next()方法只能查找所选元素后一个“相邻”的兄弟元素，而nextAll()可以查找所选元素后面“所有”同级的兄弟元素。

 <script type="text/javascript">

        $(function () {

            $("#lvye").nextAll().css("color", "red");

        })

 </script>

三、nextUntil()方法

nextUntil()方法介于next()方法和nextAll()方法之间。next()方法仅选择后面相邻的一个兄弟元素，nextAll()方法选择后面所有兄弟元素，而nextUntil()方法能够选择后面指定范围的兄弟元素。

<script type="text/javascript">

        $(function () {

            $("#lvye").nextUntil("#until").css("color", "red");

        })

</script>