jquery - リンクが特定の属性でクリックされたかどうかを確認する

Question

次の href 属性を持つこの特定のリンクがクリックされたかどうかを確認するにはどうすればよいですか? jqueryを使用してクリックすると、その「li」に背景色が与えられますか?

 <ul class="static">
    <li class="static"><a class="static menu-item" href="/SitePages"> </a></li>
    <li>other anchor tags</li>
    <li></li>
 </ul>

Answer 1

以下を使用できます。

$('a[href="/SitePages"]').bind('click', function(){
    $(this).closest('li').css({
        backgroundColor: "#000"
    });
});

JSFiddle ここに

Answer 2

jQueryを使用して、

$('a[href="/SitePages"]').click(function(){this.parent.css("background-color", "blue")});

または、親が であることが保証されていない場合は、次のliようにできます。

$('a[href="/SitePages"]').click(function(){this.closest('li').css("background-color", "blue")});