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

Question

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

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

只是用我一直在尝试的东西走到了死胡同，想在同一个功能中做到这一点。有任何想法吗？

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