jQuery 语法问题，我认为很简单

Question

$(document).ready(function() { $(".module .caption").hide(); $(".module").hover(function() { $(this).find(".caption").slideDown(); },function() { $(this).find(".caption").slideUp(); }); });

这个片段非常适合我的目的，唯一需要注意的是我需要 .module 悬停功能来同时向所有其他不是 $this 的“.caption”添加一类“under”，然后在悬停结束。所以基本上我不希望悬停的“模块”来获取类，我希望它完全按照我在这里显示的方式进行...在结束悬停时上下滑动 .caption，我只想要所有其他“.caption”。当任何“.module”悬停时，标题“s 获取下类。

我一直在尝试的事情陷入了死胡同，想用同样的功能来做。有什么想法吗？

Answer 1

根据你的 html 结构，类似这样的事情可能会做到这一点：

<script type="text/javascript">
 $(document).ready(function() {
  $(".module .caption").hide();
  $(".module").hover(function() {
    $(this)
      .find(".caption").slideDown().end()
      .siblings('.module').children('.caption').addClass('under');

   },function() {
    var $this = $(this);

    $this.find(".caption").slideUp();

    setTimeout(function() { 
      $this
        .siblings('.module').children('.caption').removeClass('under');   
   }, 1000);
 });
</script>

Answer 2

只需将该类添加到所有其他标题中，然后将其从匹配的标题中删除即可。在悬停结束时，只需将其从所有这些中删除即可。

Answer 3

$(function () {

        $('a').hover(function () {
            $(this).addClass('on');
            $('a:not(.on)').addClass('noton');

        }, function () {
            $(this).removeClass('on');
            $('a:not(.on)').removeClass('noton');

        });
    });

Answer 4

我不确定这是否有帮助，因为我不知道“under”类到底是做什么的。

$(".module").hover(function() {
         $(".caption").addClass("under");
         $(this).find(".caption").removeClass("under").slideDown(); 
       },function() {
         $(this).find(".caption").slideUp();
         $(".caption").removeClass("under");   
       });