Jquery 使用:gt()选择器限制结果数
我知道我可以使用Jquery 使用:gt()选择器限制结果数,jquery,Jquery,我知道我可以使用gt选择器以特定索引后的所有元素为目标,但是如果我只想影响特定数量的元素,例如前3个,该怎么办 因此,以下内容将为索引4之后的所有tds提供黄色背景: <table border="1"> <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr> <tr><td>TD #3</td>&
gt
选择器以特定索引后的所有元素为目标,但是如果我只想影响特定数量的元素,例如前3个,该怎么办
因此,以下内容将为索引4之后的所有tds
提供黄色背景:
<table border="1">
<tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
<tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
$( "td:gt(4)" ).css( "backgroundColor", "yellow" );
TD#0TD#1TD#2
TD#3TD#4TD#5
TD#6TD#7TD#8
$(“td:gt(4)”).css(“背景色”、“黄色”);
但是,如果我只想针对索引4之后的前2个tds,而不是所有tds,该怎么办?您可以尝试:
$("td:gt(4):lt(2)").css("backgroundColor", "yellow");
您可以尝试:
$("td:gt(4):lt(2)").css("backgroundColor", "yellow");
我想它可以和
$( "td:gt(4):lt(2)" ).css( "backgroundColor", "yellow" );
我有另一个解决办法
$( "td" ).slice(5, 7).css( "backgroundColor", "yellow" );
我想它可以和
$( "td:gt(4):lt(2)" ).css( "backgroundColor", "yellow" );
我有另一个解决办法
$( "td" ).slice(5, 7).css( "backgroundColor", "yellow" );
它仍然会给它们全部上色。它仍然会给它们全部上色。
lt
对我也不起作用。使用gt
是必须的,所以您的其他解决方案对我没有帮助。lt
对我也不起作用。使用gt
是必须的,所以您的其他解决方案对我没有帮助。这听起来可能很愚蠢$(“td:gt(4)”).css(“backgroundColor”,“yellow”)$(“td:gt(6)”).css(“背景色”、“白色”)这听起来可能很愚蠢$(“td:gt(6)”).css(“背景色”、“白色”)代码>