jQuery 定位父級 子級 同級元素

2021-10-02 23:04:10 字數 797 閱讀 8437

一、獲取父級元素

var parent = $("#element").parent();//獲取當前元素的父級元素

var parentall = $("#element").parents();//獲取當前元素的所有祖先元素

var close = $("#element").closest(selector);//獲取當前元素的最近的祖先元素

二、獲取子級元素

var child = $("#element").children(selector); //獲取當前元素的子元素

var selector = $("#element").find(selector); //獲取當前元素的後代

三、獲取同級元素

var bro = $("#element").next(selector); //獲取當前元素緊鄰的同級元素。

var broall = $("#element").nextall(selector); //獲取當前元素後面的所有同級元素。

var broprev = $("#element").prev(selector); //獲取當前元素緊鄰的前乙個同級元素(與next相反)

var broprevall= $("#element").prevall(selector); //獲取當前元素前面的所有同級元素(與nextall相反)

var broandself = $("#element").andself();//獲取當前元素後面的所有同級元素幷包括當前元素本身

jquery獲取父級元素 同級元素以及子元素的方法

有檔案的結構如下 123 4 5 6781.獲取父級元素 parent 獲取td2節點的父節點即tr1,並將背景顏色的樣式改為黑色 td2 parent css background color black 另外 parent document 方法取得乙個包含著所有匹配元素的唯一父元素的元素集合。...

jquery之同級,父級,子級間元素的新增移除

此篇文章記錄常見的遍歷和新增方法,例子可檢視官方文件 父級 selector parent 找到直接父級,不包括祖先 selector parents 找到所有父級,不包括祖先 子級 selector children 找到直接孩子節點,不包括孫子 selector find 找到孩子節點,包括孫子...

jQuery父級以及同級元素查詢

jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquery.childre...