首頁 > 網際網路

jquery獲得父級元素、子元素的方法有哪些

2019-12-12 16:58:38

在jquery中,獲得父級元素的方法有parent()、parents()、parentsUntil(),獲得子元素的方法有children()、find()。下面講解這些方法的使用。

1

新建一個html檔案,命名為test.html,用於講解jquery獲得父級元素、子元素的方法。


2

parent()方法,主要用於獲得父級元素,例如,下面程式碼獲得span元素的父級元素,並設定其樣式為紅色2px寬的邊框。



3

parents()方法,主要用於獲得所有的父級元素,例如,下面程式碼獲得span元素所有的父級元素,並設定其樣式為紅色2px寬的邊框。



4

parents()方法,還可以在方法內設定HTML元素,只獲得特定的父元素。例如,下面程式碼只獲得span元素所有父級元素為ul的元素,並定義其樣式 。



5

parentsUntil()方法,主要用於獲得方法內設定的HTML元素之間的所有父級元素。例如,下面程式碼獲得span元素所有父級元素在div之間的元素,並設定其樣式。



1

children()方法,主要用於獲得子元素,例如,下面程式碼獲得div元素的子元素,並設定其樣式為紅色2px寬的邊框。



2

find()方法,主要是獲得當前元素的子元素為設定元素的元素,例如,下面程式碼獲得div元素的子元素為span的元素,並設定其樣式。




IT145.com E-mail:sddin#qq.com