Get string with class name

Question

How can you get the first row in a table with a specific class name?

var rows = $('tr', tbl); 

Answer 1

 var rows = $('tr.classname:first', tbl); 

or

 var rows = $('tr.classname', tbl).first(); 

Docs here: http://api.jquery.com/category/selectors/

Answer 2

You can use the :first selector along with class ,

Try the following:

 var rows = $('tr.someclass:first', tbl); 

Answer 3

 var firstRow = $('tr.classname:first', tbl) 

Answer 4

var row = $("tr.className:first", tbl); gotta do the trick.

Answer 5

If you save your own :first selector, you will have a valid querySelectorAll selector.

 var rows = tbl.find('tr.someClass').slice( 0, 1 ); 

or

 var rows = tbl.find('tr.someClass').eq( 0 ); 

In addition, using the context parameter $( selector, context ) is just a slower way to use find() ^[docs] .

Answer 6

You can even use the eq method for jquery if you want to iterate over a list of elements.

 var rows = $('tr.classname'); rows.eq(0);//first row rows.eq(1);//second row