jQuery获取父级元素、同级元素及子元素

获取父级元素

1. 获取其父级元素

$("#id").parent()

2. 获取其所有的祖先元素

$("#id").parents()

3. 获取其最近的祖先元素，依次上溯

$("#id").closest()

---

获取同级元素

1. 获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

$("#id").next(selector)

2. 获得匹配元素后面的所有同胞元素，由选择器筛选是可选的。

$("#id").nextAll(selector)

3. 获得匹配元素紧邻的前一个同胞元素（与next相反）

$("#id").prev(selector)

4. 获得当前匹配元素前面的所有同胞元素（与nextAll相反）

$("#id").prevAll(selector)

---

获取子元素

1. 返回匹配元素的子元素，添加可选参数可通过选择器进行过滤。

$("#id").children(selector)

2. 获得当前元素的后代

$("#id").find(selector)

获取class元素或id元素
class '.xxx' 
id '#xxx'

获取元素
data
attr