检查某个链接是否被某个属性点击

如何检查是否点击了以下href属性的特定链接？然后给它的'li'使用jquery单击时背景颜色？检查某个链接是否被某个属性点击

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

来源

2012-09-04 Athapali

你首先需要打开你的'href'属性的末尾关闭引号。此外，'a'元素不具有任何'li'元素。那么，当点击“a”时，你想要改变背景的是什么'li'元素？ –

除了改变'LI'上的背景颜色，你应该考虑使用'A'标签来覆盖'LI'。完成之后，您可以简单地更改'A'标签本身的颜色（并且可以使用CSS 2.1选择器完成：'a [href ='/ SitePages']：focus {background：black;}'）。 – thirdender

您可以使用以下方法：

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

JSFiddle Here

来源

2012-09-04 21:15:16 dSquared

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

来源

2012-09-04 21:15:46

检查某个链接是否被某个属性点击

回答

相关问题