Javascript 单击按钮后，逐个淡入两个或多个div

我想淡出第一个音段，然后淡入下一个音段

如果我点击第二个div a按钮，第二个div应该淡出，第三个div应该淡入

我试试这个：

    $(function () {
        var fragen_gesamt = $('.dmd-container-frage').length;
        $('.dmd-container-frage').hide();
        $('.dmd-container-frage:first-child').show();
        $('.btn').on('click', function () {
            $('.dmd-container-frage:first-child').fadeOut(500, function () {
                $(this).next('.dmd-container-frage').fadeIn(1000);
            });
        });
    });

但现在只剩下第二组了

---

您需要在单击功能中更改选择器。现在查找第一个块，然后查找fadein（第二个），需要查找单击按钮的父项，并根据以下元素执行其余逻辑：

    $(function() {
      var fragen_gesamt = $('.dmd-container-frage').length;
      $('.dmd-container-frage').hide();
      $('.dmd-container-frage:first-child').show();
      $('.btn').on('click', function() {
        $(this).closest('.dmd-container-frage').fadeOut(500, function() {
          var $el = $(this).next('.dmd-container-frage');
          // Check if there is next element
          if ($el.length) {
            $(this).next('.dmd-container-frage').fadeIn(1000);
          } else {
            alert('done!')
          }

        });
      });

    });

---

查看此小提琴-

您需要在单击功能中更改选择器。现在查找第一个块，然后查找fadein（第二个），需要查找单击按钮的父项，并根据以下元素执行其余逻辑：

    $(function() {
      var fragen_gesamt = $('.dmd-container-frage').length;
      $('.dmd-container-frage').hide();
      $('.dmd-container-frage:first-child').show();
      $('.btn').on('click', function() {
        $(this).closest('.dmd-container-frage').fadeOut(500, function() {
          var $el = $(this).next('.dmd-container-frage');
          // Check if there is next element
          if ($el.length) {
            $(this).next('.dmd-container-frage').fadeIn(1000);
          } else {
            alert('done!')
          }

        });
      });

    });

---

查看此小提琴-

可能是类中的问题。dmd容器碎片：第一个孩子，因为你总是从第一个孩子调用next（），可能是类中的问题。dmd容器碎片：第一个孩子，因为你总是从第一个孩子调用next（），太好了。您能否告诉我，如果单击了最后一个div，如何提供显示警报消息的功能？我的意图是-在点击最后一个div之后，用户应该重定向到另一个页面。这很好。您能否告诉我，如果单击了最后一个div，如何提供显示警报消息的功能？我的意图是-在单击最后一个div之后，用户应该重定向到另一个页面。