jq的父子節點擊擇

2021-10-01 17:54:13 字數 754 閱讀 9924

一、獲取父節點、祖先節點:

1. parents([selector])

本方法用於選擇給定 jquery 物件中包含的 dom 元素或者 dom 元素集的祖先節點,並將這些節點包裝成 jquery 物件返回,返回的節點集是以從裡到外的順序排序的。同時,本方法還接受乙個字串選擇器,用於從返回的節點集中篩選符合選擇器的子元素集。

2. parent([selector])

本方法用於選擇給定 jquery 物件中包含的 dom 元素或者 dom 元素集的父節點。它和 parents() 不同的是,它只向上搜尋一層,而 parents() 會搜尋整個 dom 樹。本方法也可以接受乙個字串選擇器,用於篩選返回的元素。

有人可能會問:乙個 dom 元素的父元素不是只有乙個麼,為什麼還要乙個 selector 選擇器進行篩選呢?其實乙個 jquery 物件可能包含有很多個 dom 元素,例如$('a').parent() 就是選擇所有 標籤的父元素,這樣返回的就是乙個元素集,所以可以進行篩選。

3.closest(selector)(((((這個感覺挺好用))))

本方法用於向上遍歷 jquery 物件中包含的 dom 元素或者 dom 元素集的祖先節點,直到找到符合 selector 選擇器的節點為止。

二、獲取子節點、子孫節點:

1. chidren([selector])

僅僅獲取的是下級節點,不包括孫子節點,可用選擇器選取。

2. find([selector])

搜尋所有段落中的後代,可用選擇器獲取。

easyui treegrid節點擊擇

easyui treegrid本身不能實現選中父節點子節點全選,必須通過另外的方法來實現,這裡說下如何通過修改節點樣式新增checkbox來實現級聯選擇效果 首先需要格式化節點的樣式 formatter function value,row,index show方法如下 function show ...

CTreeCtrl 節點擊擇問題

一 問題說明 樹形控制項,單擊某個節點彈出相應的對話方塊 二 問題處理 起先使用了ctreectrl的onselchangedoperate這個事件,實際操作中出現了問題 二次單擊時對話方塊不能顯示,上網查詢資料,才明白二次單擊並不能觸發onselchangedoperate事件 所以最後選擇了on...

jQuery節點擊擇 操作

避免複雜的選擇器操作,而採用find操作 ul find li ul li 新增html形式的操作與元素形式的操作 可以新增篩選條件 find ele 方法在 dom 樹中搜尋這些元素的後代 子子孫孫 並用匹配元素來構造乙個新的 jquery 物件。children 方法在dom 樹中只遍歷一層 兒...