Javascript jquery按标题查找a href

Javascript jquery按标题查找a href,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有下面这样的副菜单。单击href链接,我将按href标题显示相应的div id <ul class="sidenav"> <li><a href="#" title="sample">Sample</a></li> <li><a href="#" title="test">Test</a></li> </ul> 如何通过变量标题找到href?我在in

我有下面这样的副菜单。单击href链接,我将按href标题显示相应的div id

<ul class="sidenav">
    <li><a href="#" title="sample">Sample</a></li>
    <li><a href="#" title="test">Test</a></li>
    </ul>
如何通过变量标题找到href?我在internet上找不到解决方案。

使用选择器

您的代码

$('a[title="' + $title '"]').css("color", "red");

您几乎已经拥有了它,但是您的
$title
被视为一个字符串。所以你可以这样做:

$("a[title|= " + $title + "]").css("color", "red");

我建议您尝试使用class属性而不是title来查找它。没有任何东西表明它们不能具有相同的值,但是jQuery是基于使用类和ID在DOM中查找节点而构建的

根据你上面的问题: HTML:


在html
$([title=“+$title+”]).css(…=
@zvona)中,它是$(“.hidefields:visible”)。非常有效。谢谢。我如何给你评分?
$('a[title="' + $title '"]').css("color", "red");
$("a[title|= " + $title + "]").css("color", "red");
<ul class="sidenav">
     <li><a href="#" class="sample" title="sample">Sample</a></li>
     <li><a href="#" class="test" title="test">Test</a></li>
</ul>
var $title = $(".hidefields:visible").attr('id'); //this is the href title and hidefields is the div class 
$(".hidefields:visible a." + $title).css("color", "red");