为什么这会造成一个无休止的循环并使我的浏览器崩溃

Why would this create an endless loop and crash my browser?

本文关键字：循环 无休止 崩溃 浏览器 我的 一个 为什么      更新时间：2023-09-26

尝试创建一个方法，该方法将计算起始元素和结束元素之间的匹配元素数量。没有什么太疯狂的。结果发现，我中间的两个console.log标识next_item和end_elem，使我的浏览器在一个无休止的循环中崩溃。理想情况下，我试图在while循环调用中使用它，这样一旦它通过执行next_item.index() < end_elem.index()捕获它，我就可以防止它通过end_elem，但这显然每次都会破坏我的浏览器。我不知道为什么。

  find_the_count_of_elements_between_two_elements: function(class_to_count, start_elem, end_elem) {
    var number_of_times = 0;
    var start = 0;
    var end = 1;
    next_item = start_elem.nextAll().slice(start, end);
    while ( start < 6 ) {
      // console.log(next_item.index() < end_elem.index() );
      console.log("next_item : " + next_item.index() );
      console.log("end_elem : " + end_elem.index());
      if ( next_item.hasClass(class_to_count) ) {
        number_of_times++;
      };
      start++;
      end++;
      next_item = start_elem.nextAll().slice(start, end);
      console.log(next_item);
    };
    return number_of_times;
  },

将JQuery对象声明为全局对象（即没有var）似乎会混淆某些浏览器，因此最好将它们声明为函数的本地对象。

注意：我很高兴这些信息有所帮助，但如果有人能真正解释为什么会发生这种情况，他们应该得到解决方案标记，而不是I。

函数find_the_count_of_elements_between_two_elements似乎只能用于兄弟。那是因为你使用。。index（）来确定元素在DOM中相对于其同级元素的位置。

在这种情况下，你可以以更低的价格实现同样的目标。我将使用filter而不是class_to_count，因为它更通用。

function count_matching_elements_between(filter, start_elem, end_elem) {
    return $(start_elem).nextAll(filter).filter($(end_elem).prevAll()).length;
}

要查找具有特定类的元素，可以使用：

count_matching_elements_between('.myClass', '#myStart', '#myEnd');

或者提供显式DOM节点或jQuery选择作为开始和结束。

BTW：你编辑你的代码示例了吗？我在那里没有看到任何"if（next_item.index（）<end_elem.index）"。

相关文章：