Javascript 如何使用jquery将一个var更改为单击事件的下一个同级

使用以下脚本遍历具有模糊类的元素列表是行不通的

<script type="text/javascript">
$(document).ready(function(){
    var current = $('.blur').first();
    $("#scroll-down").click(function(){
        $(current).toggleClass('blur-unfocused');
        current = $(current).next('.blur');
    });
});
</script>

$（文档）.ready（函数（）{
var current=$（'.blur'）.first（）；
$（“#向下滚动”）。单击（函数（）{
$（当前）.toggleClass（'blur-unfocused'）；
当前=$（当前）.next（'.blur'）；
});
});

---

您将如何改进此脚本以使用类模糊遍历到下一个项目？

您可以这样做吗

$(document).ready(function(){
    var current = $('.blur').first();
    $("#scroll-down").click(function(){
        $(current).toggleClass('blur-unfocused');
        current = $('.blur:not(.blur-unfocused)');
    });
});

---

你能这样做吗

$(document).ready(function(){
    var current = $('.blur').first();
    $("#scroll-down").click(function(){
        $(current).toggleClass('blur-unfocused');
        current = $('.blur:not(.blur-unfocused)');
    });
});

---

你能这样做吗

$(document).ready(function(){
    var current = $('.blur').first();
    $("#scroll-down").click(function(){
        $(current).toggleClass('blur-unfocused');
        current = $('.blur:not(.blur-unfocused)');
    });
});

---

你能这样做吗

$(document).ready(function(){
    var current = $('.blur').first();
    $("#scroll-down").click(function(){
        $(current).toggleClass('blur-unfocused');
        current = $('.blur:not(.blur-unfocused)');
    });
});

---

您可以将它们存储在数组中，然后根据需要进行遍历：

<script type="text/javascript">
$(document).ready(function(){
    var all = $('.blur');        
    if (all.length > 0) {
      var currentCount = 0;
      var current = all[currentCount];
      $("#scroll-down").click(function(){
          $(current).toggleClass('blur-unfocused');
          if (all.length > currentCount-1) {
            current = all[++currentCount];
          }
      });
    }
});
</script>

$（文档）.ready（函数（）{
var all=$（'.blur'）；
如果（全部长度>0）{
var currentCount=0；
var电流=所有[currentCount]；
$（“#向下滚动”）。单击（函数（）{
$（当前）.toggleClass（'blur-unfocused'）；
如果（全部长度>当前计数-1）{
电流=所有[++电流计数]；
}
});
}
});

您可以将它们存储在一个数组中，然后根据需要遍历：

<script type="text/javascript">
$(document).ready(function(){
    var all = $('.blur');        
    if (all.length > 0) {
      var currentCount = 0;
      var current = all[currentCount];
      $("#scroll-down").click(function(){
          $(current).toggleClass('blur-unfocused');
          if (all.length > currentCount-1) {
            current = all[++currentCount];
          }
      });
    }
});
</script>

$（文档）.ready（函数（）{
var all=$（'.blur'）；
如果（全部长度>0）{
var currentCount=0；
var电流=所有[currentCount]；
$（“#向下滚动”）。单击（函数（）{
$（当前）.toggleClass（'blur-unfocused'）；
如果（全部长度>当前计数-1）{
电流=所有[++电流计数]；
}
});
}
});

您可以将它们存储在一个数组中，然后根据需要遍历：

<script type="text/javascript">
$(document).ready(function(){
    var all = $('.blur');        
    if (all.length > 0) {
      var currentCount = 0;
      var current = all[currentCount];
      $("#scroll-down").click(function(){
          $(current).toggleClass('blur-unfocused');
          if (all.length > currentCount-1) {
            current = all[++currentCount];
          }
      });
    }
});
</script>

$（文档）.ready（函数（）{
var all=$（'.blur'）；
如果（全部长度>0）{
var currentCount=0；
var电流=所有[currentCount]；
$（“#向下滚动”）。单击（函数（）{
$（当前）.toggleClass（'blur-unfocused'）；
如果（全部长度>当前计数-1）{
电流=所有[++电流计数]；
}
});
}
});

您可以将它们存储在一个数组中，然后根据需要遍历：

<script type="text/javascript">
$(document).ready(function(){
    var all = $('.blur');        
    if (all.length > 0) {
      var currentCount = 0;
      var current = all[currentCount];
      $("#scroll-down").click(function(){
          $(current).toggleClass('blur-unfocused');
          if (all.length > currentCount-1) {
            current = all[++currentCount];
          }
      });
    }
});
</script>

$（文档）.ready（函数（）{
var all=$（'.blur'）；
如果（全部长度>0）{
var currentCount=0；
var电流=所有[currentCount]；
$（“#向下滚动”）。单击（函数（）{
$（当前）.toggleClass（'blur-unfocused'）；
如果（全部长度>当前计数-1）{
电流=所有[++电流计数]；
}
});
}
});

因为它们可能位于页面上的任何位置，所以我会将它们全部存储并遍历它们，而不仅仅是检索第一个并尝试查找下面的一个：

$(document).ready(function(){
    var $allBlurs = $('.blur');
    var currentIndex = 0;

    $("#scroll-down").click(function(){
        // Retrieve Current Blur
        var $current = $allBlurs.eq(currentIndex);

        // Increment Index (optionally looping)
        currentIndex = (currentIndex + 1) % $allBlurs.length;

        // Retrieve Next Blur 
        var $next = $allBlurs.eq(currentIndex);

        $current.toggleClass('blur-unfocused');
        /* ... more code here ... */
    });
});

---

因为它们可能位于页面上的任何位置，所以我会将它们全部存储起来，并对它们进行迭代，而不仅仅是检索第一个并尝试查找以下内容：

$(document).ready(function(){
    var $allBlurs = $('.blur');
    var currentIndex = 0;

    $("#scroll-down").click(function(){
        // Retrieve Current Blur
        var $current = $allBlurs.eq(currentIndex);

        // Increment Index (optionally looping)
        currentIndex = (currentIndex + 1) % $allBlurs.length;

        // Retrieve Next Blur 
        var $next = $allBlurs.eq(currentIndex);

        $current.toggleClass('blur-unfocused');
        /* ... more code here ... */
    });
});

---

因为它们可能位于页面上的任何位置，所以我会将它们全部存储起来，并对它们进行迭代，而不仅仅是检索第一个并尝试查找以下内容：

$(document).ready(function(){
    var $allBlurs = $('.blur');
    var currentIndex = 0;

    $("#scroll-down").click(function(){
        // Retrieve Current Blur
        var $current = $allBlurs.eq(currentIndex);

        // Increment Index (optionally looping)
        currentIndex = (currentIndex + 1) % $allBlurs.length;

        // Retrieve Next Blur 
        var $next = $allBlurs.eq(currentIndex);

        $current.toggleClass('blur-unfocused');
        /* ... more code here ... */
    });
});

---

因为它们可能位于页面上的任何位置，所以我会将它们全部存储起来，并对它们进行迭代，而不仅仅是检索第一个并尝试查找以下内容：

$(document).ready(function(){
    var $allBlurs = $('.blur');
    var currentIndex = 0;

    $("#scroll-down").click(function(){
        // Retrieve Current Blur
        var $current = $allBlurs.eq(currentIndex);

        // Increment Index (optionally looping)
        currentIndex = (currentIndex + 1) % $allBlurs.length;

        // Retrieve Next Blur 
        var $next = $allBlurs.eq(currentIndex);

        $current.toggleClass('blur-unfocused');
        /* ... more code here ... */
    });
});