jquery向前查找兄弟元素 prev() prevAll() prevUntil()

jquery向前查找兄弟元素 prev() prevAll() prevUntil()

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

一、prev()方法

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

<script type="text/javascript">

        $(function () {

            $("#lvye").prev().html("http://www.nanaopearl.com/");

        })

    </script>

 

二、prevAll()方法

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

<script type="text/javascript">

        $(function () {

            $("#lvye").prevAll().html("http://www.nanaopearl.com/");

        })

    </script>

 

三、prevUntil()方法

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

<script type="text/javascript">

        $(function () {

            $("#lvye").prevUntil("#until").html("http://www.nanaopearl.com/");

        })

    </script>