国产视频app在jQuery中,我們可以選擇某個DOM元素進行獲取和操作,但是有時候我們在操作某個元素的時候,也要對它相鄰的的元素進行獲取或是操作,那我們該如何去做呢,今天記錄一個獲取某個元素的相鄰的上一個元素或相鄰的下一個元素。

jQuery中的next()方法

next()方法,獲取指定元素同輩的下一個元素

語法

$().next()

jQuery中的prev()方法

国产视频appprev方法:獲取指定元素同輩的上一個元素

語法

$().prev();

例子:

国产视频app獲取指定li標簽的上一個元素并使字體為綠字,獲取它的下一個元素使其字體為紅色

JQ獲取上一個元素,jQ獲取下一個元素

HTML代碼

<ul>
    <li>我是第一個li標簽</li>
    <li>我是綠色的字體</li>
    <li class="element">我是第三個li標簽</li>
    <li>我是紅色的字體</li>
    <li>我是第五個li標簽</li>
</ul>

jQuery代碼

$(".element").next().css("color","red");
$(".element").prev().css("color","green");

結果如下圖

JQ獲取上一個元素,jQ獲取下一個元素