jquery - go to next table row based on class name from current row location?

Question

I can get the current row using this code. The "this" is a link in a table cell in the row.

$currentTR = $(this).parents('tr');

These next two lines can do the same thing, get the tr after the current row.

$nextTR = $(this).parents('tr').next();  
$nextTR = $(this).parents('tr').next('tr');

If I output $nextTR.html() I see what I expect

I don't know how many rows I need to go to get to the correct row except by class name and doing it like this doesn't work for me.

$nextTR = $(this).parents('tr').next('.concept');  
$nextTR = $(this).parents('tr').next('tr .concept');

All I get is null

The example on docs.Jquery link text uses this

$("p").next(".selected").css("background", "yellow");

What am I missing here?

Answer 1

You want to get the next one that is of a certain class?

You could try doing .next() and then checking the class perhaps?

I'm slightly confused about your question, i'll admit, because you seem to have provided your own answer ...

Answer 2

Give nextAll a shot.