增量变量为

Question

我在同一页面上有 30 个具有相同类的 div。当我按下标题（.pull）时，内容向上滑动（.toggle_container）。当内容隐藏时，我再次按标题，内容会向下滑动。另外，我想将 div 状态存储在 cookie 中。 我修改了原始代码以将 div 状态存储在 cookie 中，但它不适用于所有 div（pull1、toggle_container1、pull2、toggle_container2 [...]），它仅适用于第一个 div（pull0、toggle_container0）。 我做错了什么？

var increment = 0;
           if ($.cookie('showTop') == 'collapsed') {
               $(".toggle_container" + increment).hide();
            }else {
               $(".toggle_container" + increment).show();
         };
          $("a.pull" + increment).click(function () {
            if ($(".toggle_container" + increment).is(":hidden")) {
               $(".toggle_container" + increment).slideDown("slow");
               $.cookie('showTop', 'expanded');
               increment++;
            } else {
               $(".toggle_container" + increment).slideUp("slow");
               $.cookie('showTop', 'collapsed');
               increment++;
            }
            return false;

          });    

Answer 1

我没有尝试过你的任何代码，
但 $("a.pull" +increment) = $("a.pull0") 不会吗？
我没有看到任何 for 循环，因此增量 0 选择器是唯一会被执行的选择器？

要查看的 jquery 选择器可能是
http://api.jquery.com/attribute-starts-with-selector/< /a>
如果您可以选择具有以 .pull （或其他名称）开头的类的 div，而不必绑定到 30 个不同的 div，那么我认为您的代码将会更加高效。

Answer 2

这是代码：

$('div.toggle_container').each(function() { // Initialise
        var index = this.id.replace(/^\D+/, '');
              $(this).toggle($.cookie('showTop' + index) == 'collapsed');
            });

    $('a.pull').click(function() { //Activate                  
        var index = this.id.replace(/^\D+/, '');
        if ($.cookie('showTop' + index) == 'collapsed') {
        var container = $('#toggle_container' + index).slideDown('slow');
        $.cookie('showTop' + index, container.is(':hidden') ? 'collapsed' : 'expanded');
        }else {
        var container = $('#toggle_container' + index).slideUp('slow');
        $.cookie('showTop' + index, container.is(':visible') ? 'expanded' : 'collapsed');
            }
});