jQuery遍歷之parent()方法
jQuery是一個合集對象,如果想快速查找合集里面的每一個元素的父元素(這里可以理解為就是父親-兒子的關(guān)系),此時可以用parent()方法
因為是父元素,這個方法只會向上查找一級
理解節(jié)點查找關(guān)系:
<div class="div">
? ?<ul class="son">
? ? ? ?<li class="grandson">1</li>
? ?</ul>
</div>
查找ul的父元素div, $(ul).parent(),就是這樣簡單的表達
????parent()無參數(shù)
????????parent()方法允許我們能夠在DOM樹中搜索到這些元素的父級元素,從有序的向上匹配元素,并根據(jù)匹配的元素創(chuàng)建一個新的 jQuery 對象
注意:jQuery是一個合集對象,所以通過parent是匹配合集中每一個元素的父元素
parent()方法選擇性地接受同一型選擇器表達式
同樣的也是因為jQuery是合集對象,可能需要對這個合集對象進行一定的篩選,找出目標元素,所以允許傳一個選擇器的表達式
下面我們來看一段實例
<!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>