jquery如何獲取第一個元素的子元素

2019-12-12 16:13:29

在jquery中，使用children(）方法可以獲得子元素，第一個子元素可以使用first選擇器來實現。下面以jquery獲得第一個子元素並設定其背景顏色為例進行講解。

新建一個html檔案，命名為test.html，用於講解jquery如何獲取第一個元素的子元素。

在test.html頁面，使用script標籤載入jquery.min.js檔案，這是使用jquery方法的前提。

在test.html頁面，建立兩個div，在div內使用p標籤建立兩個文欄位落，並給p標籤一個子元素span。

在test.html增加script標籤，在標籤內編寫js程式碼。使用$(document).ready()方法實現在頁面載入時就執行內裡的函數。

使用jquery獲得div下面的p元素，通過children（）方法獲得p元素的子元素，即span元素，設定children()方法的選擇器為「：first」,即獲得子元素的第一個元素。程式碼如下：

使用jquery的css（）方法，對選中的第一個子元素設定背景顏色為黃色，程式碼如下：

在瀏覽器執行test.html檔案，檢視實現的效果，可見，成功實現了使用了jquery方法獲得第一個元素的子元素，並設定了其背景顏色。