Question

我使用以下jquery函数来突出显示Html表中的行（使用bg颜色）。它工作正常。我的问题是如何从表中选择第二行。'highlight'是一个类

.highlight td {
  background: #E7EFFA;
}

$('#Tabnameabcd tr').mouseover(function() {
  if ($.trim($(this).text()) != '')
    $(this).addClass('highlight');
}).mouseout(function() {
  $(this).removeClass('highlight');
});

which means:

name    age    depart

test    12     test
test1   13     tested

这里名称，年龄，离开作为第一行。这是标题。 next test，test1 是tabe的元素。如果我使用该jquery函数，则应用标题（name，age，depart）。我需要将jquery函数仅应用于元素表不是标题？怎么做？

Answer 1

要获得第二行：$('#Tabnameabcd tr').eq(1)或$('#Tabnameabcd tr:eq(1)')。

要从第二行获取所有行（演示：http://jsfiddle.net/pXj5F/）：

$('#Tabnameabcd :nth-child(n+2)')

另外，您应该考虑thead和tbody ...

Answer 2

试试这个

$('#mytable_id tr').eq(1).(your function here);

并且您想要申请行而不是倾斜，那么您也可以使用

$("#mytable_id td").function({
      //Play here
});

它将适用于你的表格的所有td，不包括titles.you也可以使用“.not（）”函数instaed of this

使用jquery从html表中选择第二行

2 个答案: