jquery查詢父元素 子元素 個人經驗總結

2022-09-07 06:12:08 字數 2141 閱讀 6081

使用js或者jquery查詢父元素、子元素經常遇到。可是用起來總容易混淆,這裡統一總結了一下,以後用起來相信會方便好多 

這裡jquery向上查詢父元素 用到的方法:closest() parents() parent() 

向下查詢子元素 用到的方法:find() children() 

js用的是 children 屬性 

>jquery查詢父元素子元素

title

>

head

>

<

body

>

<

div

class

="div1"

id="div1"

name

="mydiv"

>

<

p>段落1 查詢父元素

p>

<

table

id="table1"

>

<

tbody

id="tbody1"

>

<

tr>

<

td id

="mytd1"

>11closest()向上查詢最近的元素(返回零個或乙個元素的 jquery 物件)

td>

tr>

<

tr id

="mytr2"

>

<

td id

="mytd2"

>21parent()方法

td>

tr>

<

tr>

<

td id

="mytd3"

>31parent("選擇器")方法

td>

tr>

tbody

>

table

>

div>

<

hr>

<

div

id="div2"

style

="border-bottom :5px;"

name

="mydiv"

>

<

p>段落2 查詢子元素

p>

<

table

id="table2"

>

<

tbody

>

<

tr>

<

td id

="sectd1"

>查詢table2的td find()方法

td>

tr>

<

tr id

="sectr2"

>

<

td id

="sectd2"

>查詢table2的td children()方法

td>

tr>

<

tr>

<

td id

="sectd3"

>js的children屬性來查詢

td>

tr>

tbody

>

<

tbody

>

<

tr>

<

td>tbody2222

td>

tr>

tbody

>

table

>

div>

body

>

html

>

js**: 

jquery查詢父元素 子元素(個人總結)

使用js或者jquery查詢父元素 子元素經常遇到。可是用起來總容易混淆,這裡統一總結了一下,以後用起來相信會方便好多 這裡jquery向上查詢父元素 用到的方法 closest parents parent 向下查詢子元素 用到的方法 find children js用的是 children 屬性...

jquery獲取父元素子元素同級元素

一 獲取父級元素 1 parent expr 獲取指定元素的所有父級元素 href fir href sec href thr href fiv document ready function 獲取指定元素的下乙個同級元素 注意是下乙個同級元素哦 這個例子的結果是,只有list item 4背景色變...

jquery 遍歷父元素 子元素 兄弟元素

尋找父元素 1.parent 方法,只返回被選元素的直接父元素,只遍歷到上一級的父元素,返回的是乙個元素。2.parents 方法,返回被選元素的所有父元素,一直向上遍歷,直到文件的根元素為止,返回父元素的集合。3.parentsuntil 方法,a.parentsuntil b 返回介於a,b之間...