使用jQuery選擇器獲取索引值大於或者小於
在實際應用中,如果有一個元素集合的話,那麼可能需要獲取索引值大於或者小於指定索引值的元素集合,然後再對其進行相應的操作,下面介紹一下如何利用jQuery選擇器實現此功能。
程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $("li:gt(2)").css("color","red"); }); </script> </head> <body> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來。</li> <li>謙遜的態度才是上進的必要條件。</li> <li id="antzone">沒有人一開始就是高手,都是從菜鳥而來。</li> <li>每一天都是新的,要好好珍惜當前的時間。</li> </ul> </body> </html>
上面的程式碼可以將索引值大於2的元素字型顏色設定為紅色,索引值是從0開始的。
:gt選擇器可以參閱jQuery :gt一章節。
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $("li:lt(2)").css("color","red"); }); </script> </head> <body> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來。</li> <li>謙遜的態度才是上進的必要條件。</li> <li id="antzone">沒有人一開始就是高手,都是從菜鳥而來。</li> <li>每一天都是新的,要好好珍惜當前的時間。</li> </ul> </body> </html>
上面的程式碼可以將索引值小於2的元素的字型顏色設定為紅色。
:lt選擇器可以參閱jQuery :lt一章節。
相關文章
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- jquery如何獲取大於指定索引的li元素jQuery索引
- jQuery使用val()方法設定或者獲取value值jQuery
- 關於jQuery中的選擇器jQuery
- jQuery選擇器獲取前幾個元素jQuery
- jQuery獲取選中的核取方塊或者單按鈕的值jQuery
- jQuery選擇器中的大於號>作用是什麼jQuery
- jQuery如何獲取指定元素的索引值jQuery索引
- jQuery選擇器獲取元素並非是動態jQuery
- jquery九大選擇器jQuery
- 大話jQuery–選擇器(1)jQuery
- 使用jquery獲取被選中checkbox核取方塊的值jQuery
- 微信小程式獲取index索引值的方法微信小程式Index索引
- 純乾貨!一切關於jquery選擇器jQuery
- jQuery選擇器——基本選擇器jQuery
- jQuery選擇器——層次選擇器jQuery
- jQuery選擇器jQuery
- jQuery 選擇器jQuery
- jquery獲取選中checkbox核取方塊的值jQuery
- jQuery獲取點選td單元格的值jQuery
- 小程式開發選擇公司等於選擇人
- jQuery選擇器之層次選擇器jQuery
- jQuery選擇器——基本過濾選擇器jQuery
- jQuery獲取選中的checkbox核取方塊的值jQuery
- jQuery 利用萬用字元獲取多選框選中的值jQuery字元
- css選擇器大於號>的作用是什麼CSS
- jQuery選擇器(下)jQuery
- jQuery 選擇器效率jQuery
- Jquery的選擇器jQuery
- jQuery :last選擇器jQueryAST
- jQuery .class選擇器jQuery
- jQuery element選擇器jQuery
- jQuery #id選擇器jQuery
- [JS] jQuery選擇器JSjQuery
- jQuery系列:選擇器jQuery
- jQuery選擇器大全jQuery
- jQuery選擇器——內容過濾選擇器jQuery
- jQuery選擇器——子元素過濾選擇器jQuery