Question

所以我正在为我的客户创建一个网站，我正在设计子菜单。我的问题是子菜单链接只包含title和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。

我以为我可以在jQuery中使用CSS选择器吗？

我有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/

将类添加到带标题的链接

2 个答案: