jQuery擷取父級元素、同級元素及子元素

擷取父級元素

1. 擷取其父級元素

$("#id").parent()
           

1. 擷取其所有的祖先元素

$("#id").parents()
           

1. 擷取其最近的祖先元素，依次上溯

$("#id").closest()
           

擷取同級元素

1. 獲得比對元素緊鄰的下一個同胞元素。如果提供選擇器，則取回比對該選擇器的下一個同胞元素。

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

1. 獲得比對元素後面的所有同胞元素，由選擇器篩選是可選的。

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

1. 獲得比對元素緊鄰的前一個同胞元素（與next相反）

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

1. 獲得目前比對元素前面的所有同胞元素（與nextAll相反）

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

擷取子元素

1. 傳回比對元素的子元素，添加可選參數可通過選擇器進行過濾。

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

1. 獲得目前元素的後代

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

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

擷取元素
data
attr