jquery - target ="value"がjQuery'removeClass'で機能しないのはなぜですか？

Question

removeClassjavascriptを使用します。しかし、そのjavascriptを使用すると、リンクはtarget="value"を理解しません。これは例http://jsfiddle.net/neoandrej/gGrFM/です。問題を解決する方法は？

Answer 1

ID は一意である必要があります。クラスではありません。

HTML と JS を次のように変更します。

<li class="vid" ...

あなたの場合、jQuery は id="vid" を持つ要素を見つけ、そのクラスを削除し、これが一意の要素であると見なすため、それ以上検索しません。

クラスを使用すると、jQuery は引き続きすべての要素を検索し、それらのクラスを削除します...

Answer 2

id を持つ 2 つの要素がありvidます。これは無効であり、一部のブラウザーは一致する最初の要素のみを返し、他のブラウザーは$("li#vid")特定の要素が必要な場合にそれらすべてを返します。まずvid、id ではなくクラスに変更します。次に、以下を使用して、選択したクラスを切り替えます

var clicked = this;
$("li.vid").each(function() { $(this).toggleClass("subtab-selected", this == clicked); });

それのjsfiddle。そして、これが最適化およびクリーンアップされたバージョンです