jquery怎麼獲取下一個指定class的元素

2019-12-12 16:28:30

使用jquery獲取下一個指定class的元素，需要使用jquery中的filter()過濾方法，再使用eq()方法獲得下一個元素。下面介紹實現的過程。

新建一個html檔案，命名為test.html，用於講解如何使用jquery獲取下一個指定class的元素。

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

在test.html頁面，使用div建立一個模組，在div標籤內，建立多個p標籤文欄位落，並設定其部分class屬性為intro。

在test.html頁面，在script標籤內，使用$(document).ready()方法在頁面載入時執行一個function函數，將在函數內編寫實現效果的邏輯程式碼。

在js內，獲得p元素物件，並使用filter()方法過濾掉class屬性不是intro的p元素，程式碼如下：

在js內，再使用eq（）方法獲得下一個p元素物件，這時以第一個p元素為標準，下一個就是eq(1)，將獲得的p元素物件使用css()方法設定其背景顏色為黃色。程式碼如下：

在瀏覽器開啟test.html頁面，檢視頁面效果，可見，成功獲得class為intro的p元素的下一個元素，並設定其背景為黃色。