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>

还有一个fiddle .

我认为我可以将 CSS 选择器与 jQuery 结合使用？

我已经包含了 jQuery，但不应该是这样。

Answer 1

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

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