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")});

或者如果父母不能保证是 a li，你可以这样做：

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