jQuery应用样式到除第二行之外的所有元素。

6
我想使用jQuery移动除第二行外的所有行数据。我该如何实现? 我的Fiddle
$(document).ready(function() {
    $("#tblTest tr:nth-child(2) td").css("padding-left", "30px");  
    //$("#tblTest tr:not(nth-child(2)) td").css("padding-left", "30px");  

});
3个回答

7
您可以使用 .not() 方法:
$("#tblTest tr").not(':eq(1)').children().css("padding-left", "30px"); 

演示


7
你的尝试很接近了,只是在 nth-child 前漏掉了冒号。
$("#tblTest tr:not(:nth-child(2)) td").css("padding-left", "30px");
//-----------------^--This One

JSFiddle


.children和.td有什么区别?哪一个更好? - Kurkula
它们是不同的东西。但是很多 : 选择器都有类似的方法。除了这些方法在进行选择后会对其进行过滤。 (方法通常更快!) - George

4

使用.not().eq()一起,尝试这样做:

 $("#tblTest tr").not(':eq(1)').find("td").css("padding-left", "30px");

Working Demo


2
@oGeez:你的评论很管用,所有的踩都被取消了。只是想知道人们怎么能在不检查回答是否值得的情况下就踩一下呢? - Ajinkya
@Karna:即使答案中有可用的fiddle,也要注意。 - Milind Anantwar
@oGeez 是的,我也经常遇到这种情况 http://meta.stackexchange.com/questions/171443/serial-negative-group-voting。 - Ajinkya
@oGeez:这几乎每隔一天就会发生。人们无缘无故地投反对票。有时我过去会删除这样的答案,但最终其他回答被发布后也被证明是正确的并被接受了。 - Milind Anantwar

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接