JQuery Selector中有一個(gè)叫做gt的表達(dá)式,其意思為“大于”。通過(guò)索引選擇集合中的第N個(gè)元素
$(selector:gt(index))
在這個(gè)表達(dá)式中,selector是要進(jìn)行篩選的元素集合,index是一個(gè)數(shù)字,代表在這個(gè)集合中第幾個(gè)元素。如果想從某個(gè)元素后面的所有元素中篩選,可以使用index+1。注意,這里的index是從0開(kāi)始的。
下面我們來(lái)看一個(gè)例子:
<!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 表達(dá)式</h1> <p>這是第一個(gè)段落。</p> <p>這是第二個(gè)段落。</p> <p>這是第三個(gè)段落。</p> <p>這是第四個(gè)段落。</p> <p>這是第五個(gè)段落。</p> <p>這是第六個(gè)段落。</p> </body> </html>
在這個(gè)例子中,我們通過(guò)gt表達(dá)式選擇了集合中第3個(gè)(從0開(kāi)始)后面的所有元素,然后將它們的背景色設(shè)置為黃色。