JQuery Selector中有一個叫做gt的表達式,其意思為“大于”。通過索引選擇集合中的第N個元素
$(selector:gt(index))
在這個表達式中,selector是要進行篩選的元素集合,index是一個數(shù)字,代表在這個集合中第幾個元素。如果想從某個元素后面的所有元素中篩選,可以使用index+1。注意,這里的index是從0開始的。
下面我們來看一個例子:
<!DOCTYPE html> <html> <head> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("p:gt(2)").css("background-color", "#FFFF99"); }); </script> </head> <body> <h1>JQuery Selector 中 gt 表達式</h1> <p>這是第一個段落。</p> <p>這是第二個段落。</p> <p>這是第三個段落。</p> <p>這是第四個段落。</p> <p>這是第五個段落。</p> <p>這是第六個段落。</p> </body> </html>
在這個例子中,我們通過gt表達式選擇了集合中第3個(從0開始)后面的所有元素,然后將它們的背景色設(shè)置為黃色。