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

新建一個html文件,定名為test.html,用于講解若何利用jquery獲取下一個指定class的元素 。

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



2在test.html頁面內,利用script標簽加載jquery.min.js文件,這是利用jquery方式必需加載的文件 。


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



3在test.html頁面,利用div建立一個模塊,在div標簽內,建立多個p標簽文字段落,并設置其部門class屬性為intro 。


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



4在test.html頁面,在script標簽內,利用$(document).ready()方式在頁面加載時執行一個function函數,將在函數內編寫實現結果的邏輯代碼 。

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



5在js內,獲得p元素對象,并利用filter()方式過濾失落class屬性不是intro的p元素,代碼如下:


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



6在js內,再利用eq方式獲得下一個p元素對象,這時以第一個p元素為尺度,下一個就是eq(1),將獲得的p元素對象利用css()方式設置其布景顏色為黃色 。 代碼如下:


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



7【jquery怎么獲取下一個指定class的元素】在瀏覽器打開test.html頁面,查看頁面結果,可見,當作功獲得class為intro的p元素的下一個元素,并設置其布景為黃色 。


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



以上內容就是jquery怎么獲取下一個指定class的元素的內容啦,希望對你有所幫助哦!

    猜你喜歡