0

クライアント向けのサイトを作成していて、サブメニューをデザインしています。私の問題は、サブ メニューのリンクに 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>

そしてフィドル。

jQuery で CSS セレクターを使用できると思いましたか?

jQueryが含まれていますが、そうではありません。

4

2 に答える 2

3

aとの間のスペースを削除し[ます。スペースがあるということは、title 属性を持つタグの子孫を選択することを意味しますTaaperokurssi。

$('a[title="Taaperokurssi"]').addClass("valittu");
于 2012-09-29T13:17:30.047 に答える
0

コードに構文エラーがあります。ドキュメントセレクターを見逃しています。また、セレクター間のスペースを削除する必要があります)。

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

http://jsfiddle.net/y5Ymf/

于 2012-09-29T13:18:30.687 に答える