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"  } );   

});

它一直在说＆＃34; （这个）没有定义＆＃34;，我不知道如何从.anotherClass

的上下文中获取（this）

我试图启动动画如果有人点击.className div，但是有很多.className div，所以，如果你点击一个.className只是.anotherClass div应该动画，这是我的实际divs

        <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();    
});

Answer 2

尝试

    $(".albumArt").click(function(event) {
          var hidePlay = $(event.target).next(".onPlay").find(".hiddenOnPlay");
          hidePlay.css("z-index","1");
          hidePlay.toggle( "slide",{ direction: "left"  } );    
    });

Jquery＆＃34;这个＆＃34;上下文

2 个答案: