如何使用jQuery选择器选择包含特定链接的表行

Question

I'm conditionally styling a table based on certain elements it contains. For example, the following code adds a class based on whether the tr contains the word 'Novel':

<script>$( "tr:contains('Novel')" ).addClass('row-highlight-novel');</script>

But what I'd like to do is the same thing, but with a link, where I could add a class to the tr based on whether it has a specific url or not.

I've tried $("a[href='http://www.link-here.org/']") , but that only selects the link, not the table row it's in. I can't seem to find the right selector that will do this for the whole table row. Your help would be much appreciated!

Answer 1

Without further context I would think using .closest() would work:

$("a[href='http://www.link-here.org/']").closest('tr')

Ref: https://api.jquery.com/closest/

Answer 2

This is how i would do it

html

<a href="http://test.com/?foo=bar&baz=quux"><tr>hello</tr></a>
<a href="http://example.ca/?foo=bar&baz=quux"><tr>hello</tr></a>

Jquery selector

$('a[href*="test"]').each(function() {
   $(this).addClass('test');
});

here is complete fiddle http://jsfiddle.net/q0nc3dzq/3/