jQuery的常見操作之一就是對(duì)元素進(jìn)行查找或篩選,有時(shí)候需要獲取元素的上一個(gè)或下一個(gè)元素,這時(shí)候可以使用jQuery的過(guò)去元素選擇器。
$('selector').prev() //獲取前一個(gè)兄弟元素 $('selector').prevAll() //獲取所有前面的兄弟元素 $('selector').prevUntil('selector') //獲取前面的兄弟元素直到遇到指定的元素為止
使用這些方法,可以實(shí)現(xiàn)對(duì)元素在HTML結(jié)構(gòu)中的前面進(jìn)行查找。比如以下的HTML結(jié)構(gòu):
<div id="container"> <div class="box box1"></div> <div class="box box2"></div> <div class="box box3"></div> <div class="box box4"></div> <div class="box box5"></div> </div>
如果想獲取class為box3的元素前的所有兄弟元素,可以使用如下代碼:
$('.box3').prevAll().css('background-color', 'yellow');
這樣就會(huì)將box3前面的所有元素都變?yōu)辄S色背景。注意,這里使用的是CSS方法,只是為了演示效果,實(shí)際操作應(yīng)根據(jù)需求進(jìn)行選擇。