Jquery "this"上下文

Question

我正在尝试做类似的事情

$(".className").click(function() {
    $(this).(".anotherClass").css("z-index","1");
    $(this).(".anotherClass").toggle( "slide",{ direction: "left"  } );    
 });

我已经尝试过

$(".className").click(function(){
     $(this).find(".anotherClass").css("z-index","1");
     $(this).find(".anotherClass").toggle( "slide",{ direction: "left"  } );   

});

它一直说“(this) 未定义”，我不知道如何从 .anotherClass 的上下文中获取 (this)

如果有人单击 .className div，我会尝试启动动画，但是有很多 .className div，所以，如果您单击一个 .className，那么 .anotherClass div 应该是动画的，这是我的实际 div

        <div class="streamPlayer">
            <div class="albumArt">
            </div>

            <div class="onPlay">
                <div class="hiddenOnPlay">
                </div>
            </div>
            <div class="addPlaylist"></div>
            <div class="downloadSong"></div>
        </div>

jquery

  $(".albumArt").click(function() {
      $(".hiddenOnPlay").css("z-index","1");
      $(".hiddenOnPlay").toggle( "slide",{ direction: "left"  } );    
   });

Answer 1

Demo

使用 .next().find()这应该适合你，

$(".albumArt").click(function() {
      var hiddenPlay = $(this).next().find(".hiddenOnPlay");
      hiddenPlay.css("z-index","1");
      hiddenPlay.toggle();    
});