javascript - select the second row from the html table using jquery - Stack Overflow

admin管理员组

文章数量:1403081

I use the following jquery function for highlight the row ( using bg color ) in Html table.It was working fine.my question is how to select the second row from the table.'highlight' is a class

.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

here name,age,depart as a first row.that is title. next test,test1 are elements of the tabe.if i use that jquery function the title( name,age,depart ) are apply.i need to apply that jquery function only to the elements of the table not a title?how to do this?

I use the following jquery function for highlight the row ( using bg color ) in Html table.It was working fine.my question is how to select the second row from the table.'highlight' is a class

.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

here name,age,depart as a first row.that is title. next test,test1 are elements of the tabe.if i use that jquery function the title( name,age,depart ) are apply.i need to apply that jquery function only to the elements of the table not a title?how to do this?

• javascript
• jquery
• html
• dom
• jquery-selectors

Share Improve this question Follow edited Sep 19, 2012 at 11:25 Danil Speransky 30.5k66 gold badges6969 silver badges7878 bronze badges asked Sep 19, 2012 at 4:34 UserUser 1,6621010 gold badges4141 silver badges6767 bronze badges 1

• Put the header rows in a thead element, put the id on a tbody element. Instead of a listener on every single row, consider a single listener on the tbody that uses event.target to get the row, then goes from there. – RobG Commented Sep 19, 2012 at 5:20

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

To get second row: $('#Tabnameabcd tr').eq(1) or $('#Tabnameabcd tr:eq(1)').

To get all rows from second one (Demo: http://jsfiddle/pXj5F/):

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

Also you should think about thead and tbody...

Try like this

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

and you want to apply for the rows not the tiltes then you can also use

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

it will applicable to all the td's of your table excluding titles.you can also use ".not()" function instaed of this

本文标签： javascriptselect the second row from the html table using jqueryStack Overflow