使用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之間...