jQueryセレクタを使用して特定のリンクを含むテーブル行を選択する方法

Question

テーブルに含まれる特定の要素に基づいて条件付きでスタイリングしています。たとえば、次のコードは、trが単語「小説」が含まれているかどうかに基づいて、クラスを追加します。

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

しかし、私がやりたいことは同じことであるが、私は追加することができますリンク、と特定のURLを持っているかどうかに基づいてtrにクラスを渡します。

私は$("a[href='http://www.link-here.org/']")を試しましたが、リンクが選択されているだけで、テーブルの行は選択されません。テーブル全体の行に対してこれを行う正しいセレクタが見つからないようです。あなたの助けが大いに評価されるでしょう！

Answer 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'); 
}); 

が完了フィドルが、私は.closest()を使用してと思うだろう、さらにコンテキストなし http://jsfiddle.net/q0nc3dzq/3/

Answer 2

でそれを行うだろうかです魂Dの作品：

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

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