jQueryはCSSでインデックスを変更します

Question

jQueryのインデックスで要素のCSSを変更したいと思います。

$(".switcher span").click(function() { 
 
    var galleryIndex = $(this).index(); 
 
    $('.wrapper .gallery').eq(galleryIndex).css("background", "red"); 
 
});

<div class="switcher"> 
 
    <span>Switch 0</span> 
 
    <span>Switch 1</span> 
 
</div> 
 

 
<div class="wrapper"> 
 
    <div class="gallery">GALLERY 0</div> 
 
    <div class="gallery">GALLERY 1</div> 
 
</div>

jQueryの.switcher span罰金のインデックスを取得しますが、ギャラリーPFインデックスがロードされていないようです。これまでのところうまくいきません。

Answer 1

すべてがあなたのコードでうまくいくようです。 ...

私のために正常に動作し

$(".switcher span").click(function(){ 
 
     var galleryIndex = $(this).index(); 
 
     $('.wrapper .gallery').css('background', '').eq(galleryIndex).css("background", "red"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div class="switcher"> 
 
    <span>Switch 0</span> 
 
    <span>Switch 1</span> 
 
</div> 
 

 
<div class="wrapper"> 
 
    <div class="gallery">GALLERY 0</div> 
 
    <div class="gallery">GALLERY 1</div> 
 
</div>