如何使用jQuery在表中查找特定的TD?

问题描述:

我正在使用jQuery 1.6.2如何使用jQuery在表中查找特定的TD?

我在调整我的jQuery时遇到了一些麻烦。我需要找到一个特定的单元格并更改它的颜色属性。

第一行可能是也可能不是我正在寻找的那一行。我正在寻找的行可能会或可能没有类。如果第一行有一个“TableSubHead”类,那么我不想将其行的最后一个单元格变成黄色。我想转到下一行,并将其最后一个单元格变成黄色。

伪代码,就应该这样写:

照照OrderHeaderTable。找到没有TableSubHead类的第一行,并将最后一个单元格变为黄色。

这里是我的代码

$("#OrderHeaderTable tr:first(:not.TableSubHead").children("td:last").css("background", "yellow"); 

你能帮我调整它得到我想要什么?

+0

我看不到你的HTML,所以这是一个猜测,但头,你应该使用'

'标记而不是'​​'带有一个类(在其上或者它的父' ')。这使得选择元素更容易。 – Bojangles

回答

我相信

$("#OrderHeaderTable tr:first(:not.TableSubHead") 

应该

$("#OrderHeaderTable tr:not(.TableSubHead):first") 
+0

你相信正确。当我以这种方式阅读时,这会更有意义。谢谢! –

试试这个:

$('#OrderHeaderTable tbody tr').not('.TableSubHead') 
.first().children('td :last').css('background','yellow'); 

这应该在OrderHeaderTable的身体返回第一个tr不具备“TableSubHead '类,然后将最后一个单元格的背景设置为黄色。

UPDATE

搞掂查询重新阅读的问题后,一点点增加.not()

+1

这个大'过滤器'可以替换'.not(.TableSubHead)'。 –

+0

谢谢!正如你所看到的,詹姆斯的答案不是代码而是完美的。你现在很干净,也完成了工作。 –

我相信

$("#OrderHeaderTable tr:first(:not.TableSubHead") 

应该

$("#OrderHeaderTable tr:not(.TableSubHead):first") 
+0

你相信正确。当我以这种方式阅读时,这会更有意义。谢谢! –

试试这个:

$('#OrderHeaderTable tbody tr').not('.TableSubHead') 
.first().children('td :last').css('background','yellow'); 

这应该在OrderHeaderTable的身体返回第一个tr不具备“TableSubHead '类,然后将最后一个单元格的背景设置为黄色。

UPDATE

搞掂查询重新阅读的问题后,一点点增加.not()

+1

这个大'过滤器'可以替换'.not(.TableSubHead)'。 –

+0

谢谢!正如你所看到的,詹姆斯的答案不是代码而是完美的。你现在很干净,也完成了工作。 –

我相信

$("#OrderHeaderTable tr:first(:not.TableSubHead") 

应该

$("#OrderHeaderTable tr:not(.TableSubHead):first") 
+0

你相信正确。当我以这种方式阅读时,这会更有意义。谢谢! –

试试这个:

$('#OrderHeaderTable tbody tr').not('.TableSubHead') 
.first().children('td :last').css('background','yellow'); 

这应该在OrderHeaderTable的身体返回第一个tr不具备“TableSubHead '类,然后将最后一个单元格的背景设置为黄色。

UPDATE

搞掂查询重新阅读的问题后,一点点增加.not()

+1

这个大'过滤器'可以替换'.not(.TableSubHead)'。 –

+0

谢谢!正如你所看到的,詹姆斯的答案不是代码而是完美的。你现在很干净,也完成了工作。 –