jQuery selector help

Question

Good Morning,

I am trying to write a selector that would select all rows that contain a span element that has a class of "cancelMenu".

Is either of these better than the other? Or is there an even better way to write it?

 $("span.cancelMenu").closest("tr");
 $("tr > span.cancelMenu");

Any thoughts or ideas? I am using the first one and it works but it seems like I am only targeting one row. I really want all rows at once.

Thanks, ~ck

Answer 1

You can the :has pseudo-selector:

$("tr:has(span.cancelMenu)");

Answer 2

if you want to select the row (tr) and not the span you can use parent():

$('span.cancelMenu').parent('tr');

Answer 3

$("tr:has(span.cancelMenu)");

Answer 4

I'd probably go with something like

$("span.cancelMenu").each(function(i) {
   //$(this).parent() is the row
});