Jquery之搜尋父元素操作

2021-06-05 08:32:40 字數 1082 閱讀 1904

1:parents()方法

格式: parents([selector]), 用於獲取當前匹配元素集合中每個元素的祖先元素,根據需要還可以使用乙個選擇器進行篩選。

$("p").parents().css("border", "1px solid blue);

2:cloest方法

格式: closest(selector[, context]),該方法從元素本身開始,逐級向上級元素匹配,並返回最先匹配的元素。

$("a").closest("div").css("border", "1px solid blue");  

cloest()和parents()方法的主要區別如下:

* 前者從當前元素匹配查詢,後者從父元素開始匹配查詢

*前者逐級向上查詢,直到發現匹配的元素後就停止了,後者一直向上查詢直到根元素,然後把這些元素放進乙個臨時集合中,再用給定的選擇器表示式去過濾。

*前者返回0或者1個元素,後者可能包含0個、1個或者多個元素。

3: parent()方法

格式: parent([selector]),用於獲取當前匹配元素集合中每個元素的父元素,根據需要,還可以使用乙個選擇器進行篩選。

$("p").parent().css("border", "1px solid blue");

4:parentsutil()方法

格式:parentsutil([selector])用於獲取當前匹配元素集合中每個元素的祖先元素,直至給定選擇器匹配的元素(但不包括該元素)

$("li#li2").parentsutil("#ul1_li2").css("background", "#fcf");

5:offsetparent()方法

用於搜尋第乙個匹配元素的已定位的父元素,僅對可見元素有效,語法格式如下:offsetparent()

該方法查詢第乙個匹配元素的已定位元素,並返回由該元素包裝成的jquery物件。

綜合例子:

段落一

段落二段落三

Jquery搜尋父元素操作方法

1.parents 方法 格式 如下 parents selector 用於獲取當前匹配元素集合中每個元素的祖先元素,根據需要還可以使用乙個選擇器進行篩選。如 如下 p parents css border 1px solid blue 2.cloest方法 格式 如下 closest select...

jQuery之搜尋子元素

1 children 方法 用於獲取乙個包含匹配的元素集合中每乙個元素的所有子元素的元素集合,語法格式如下 children selector menu ul children css color blue 2 find 方法 用於從每個匹配元素中查詢符合指定選擇器表示式的後代元素,格式如下 fin...

jQuery 查詢父元素

function deletesec1div5 obj 自己寫的一段 實現了table中的全選,反全選,刪除功能。html 如下 學生請假明細表 新增請假資訊 搜尋 學號姓名性別 班級請假日期 銷假日期 請教事由 備註選擇 20160101 李常茹女 小一班2016.10.10 2016.10.11...