0

私はそこに同様の質問を見つけることができないことに驚いています。タブセクションをクリックしたときに変更する必要のあるアイコン要素があります。6つのセクションがあります。クラスを追加するように機能しています。クラスにクラスを追加し続けないように、removeclassを適切に使用してみました。私はそれを正しく理解することができません。

これが私のコードです：

<script type="text/javascript"> 
$(document).ready(function(){
     $('.changeImage').click(function()
{var rel = $(this).attr('rel');
 $('.image').addClass("image"+rel);
$(this).siblings().removeClass("image"+rel);
            return false;
         })
 });
</script>

私もこれを試しました：

$('.image').addClass("image"+rel);
$(this).next().find('.image').removeClass("image"+rel);

それも機能しません。

HTML部分（周囲のすべてのコードを含まない）：  

 <div><a href="#" class="changeImage" rel="1"><img class="thumb" src="images/image1_thumb.png" /></a></div>

CSSの例：

.image1 {
background:url(images/fast.png) no-repeat;

}

.image2 {background:url(images/peep.png) no-repeat;
}

bg画像を交換するより効率的な方法はありますか？switchClassはオプションですか？

それは有り難いです。

私が設定した方法は、セクションへのリンクをクリックすると、クラス「image」+relに追加されるrelに定義された値があるということです。

cssクラスimage1、image2、image3などに対応する6つの異なるリンクがあるので、クリックされたクラスを追加するという一般的なjqueryステートメントが必要ですが、それを削除するか、次のリンクのクラスに切り替えます。クリックしました。

複数のクラスを追加することができますが、他のリンクをクリックして次のクラスを追加するときに古いクラスを適切に削除しません。

4

3 に答える 3

0

http://api.jquery.com/toggleClass/を確認できます。

基本的に、次のようなことをします$('.changeImage').toggleClass('image2');

これにより、.image2 スタイルのオン/オフが切り替わります。

于 2011-09-01T14:30:33.803 に答える
0

行$('.image').addClass("image"+rel);は class で何かを探してimageいますが、コード スニペットには表示されません。

一般に、次のようにして、既存のすべてのクラスを新しいクラスに置き換えることができます。

$('selector').attr('class', '').addClass('newClass');

于 2011-09-01T14:27:15.087 に答える