检查是否单击了某个属性的链接

Question

如何检查是否点击了以下href attrib的特定链接？然后在使用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 Here

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