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

时间:2017-07-11 15:48:47

标签: javascript jquery

我基于它包含的某些元素有条件地设置表格样式。例如,以下代码根据tr是否包含单词' Novel':

添加一个类。
<script>$( "tr:contains('Novel')" ).addClass('row-highlight-novel');</script>

但是我想要做的是同样的事情,但是有了一个链接,我可以根据它是否有特定的URL来为tr添加一个类。

我已经尝试了$("a[href='http://www.link-here.org/']"),但只选择了链接,而不是它所在的表格行。我似乎无法找到合适的选择器来执行此操作整个表行。非常感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

如果没有进一步的上下文,我会认为使用.closest()会起作用:

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

参考:https://api.jquery.com/closest/

答案 1 :(得分:-1)

我就是这样做的

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选择器

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

这里完全是小提琴 http://jsfiddle.net/q0nc3dzq/3/