javascript - 将类添加到带有标题的链接

Question

所以我正在为我的客户创建一个站点，并且我正在设计子菜单。我的问题是子菜单链接只包含标题和href，这对我不起作用。

JS

<script>
$(document).ready(function(){
$('a').removeClass("valittu");
$('a [title="Taaperokurssi"]).addClass("valittu");
});
</script>

HTML

<a title="Taaperokurssi" href="xxx">Taaperokurssi</a>
<a title="Junnukurssi" href="xxx">Junnukurssi</a>
<a title="Yhteiseloa myötäkarvaan" href="xxx">Yhteiseloa myötäkarvaan</a>
<a title="Lapsi ja koira" href="xxx">Lapsi ja koira</a>
<a title="Pentutoko" href="http://hurttiajahuumoria.fi/kurssit/sujuva-arki/pentutoko">Pentutoko</a>
<a title="Aktivoi tokolla" href="xxx">Aktivoi tokolla</a>
<a title="Rallytoko" href="xxx">Rallytoko</a>

还有一把小提琴。

我认为我可以将 CSS 选择器与 jQuery 一起使用？

我有 jQuery，不应该是这样。

Answer 1

删除 和 之间的a空格[。有空格意味着选择带有 title 属性的标签的后代Taaperokurssi。

$('a[title="Taaperokurssi"]').addClass("valittu");

Answer 2

您的代码中存在语法错误，您错过了文档)选择器，您还应该删除选择器之间的空格：

$(document).ready(function() {
 //  -----^
     $('a').removeClass("valittu");
     $('a[title="Taaperokurssi"]').addClass("valittu");
 //  ----^
});

http://jsfiddle.net/y5Ymf/