jQuery遍歷之parent()方法
jQuery是一個(gè)合集對象,如果想快速查找合集里面的每一個(gè)元素的父元素(這里可以理解為就是父親-兒子的關(guān)系),此時(shí)可以用parent()方法
因?yàn)槭歉冈兀@個(gè)方法只會向上查找一級
理解節(jié)點(diǎn)查找關(guān)系:
<div class="div">
<ul class="son">
<li class="grandson">1</li>
</ul>
</div>
查找ul的父元素div, $(ul).parent(),就是這樣簡單的表達(dá)
parent()無參數(shù)
parent()方法允許我們能夠在DOM樹中搜索到這些元素的父級元素,從有序的向上匹配元素,并根據(jù)匹配的元素創(chuàng)建一個(gè)新的 jQuery 對象
注意:jQuery是一個(gè)合集對象,所以通過parent是匹配合集中每一個(gè)元素的父元素
parent()方法選擇性地接受同一型選擇器表達(dá)式
同樣的也是因?yàn)閖Query是合集對象,可能需要對這個(gè)合集對象進(jìn)行一定的篩選,找出目標(biāo)元素,所以允許傳一個(gè)選擇器的表達(dá)式
下面我們來看一段實(shí)例
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div> <script> $("p").parent(".selected").css("background", "yellow"); </script> </body> </html>