Как обновить функцию jQuery .each()?

Question

Объяснение на примере:

$(selector).each(function() { 
    if (expression) { 
     $(this).next().remove(); 
    } 
    .... 
}); 

На основе expression я удалить элемент, который также является частью selector, и в действительности является удалением следующего элемента функция .each() получит.

Функция .each(), похоже, не заботит и не запускает ее код на удаленном элементе, нарушающем процесс итерации моего кода в каждой функции. В основном значение счетчика в функции .each() будет считать удаленный элемент, даже если он не должен.

Есть ли способ обновить или обновить функцию .each(), чтобы она пропускала элементы, которые были удалены после ее инициирования?

Answer 1

Лучше filter ваши элементы перед:

$(selector).filter(function() { 
    if (expression) { 
    return false; 
    } 
}).each(function() { .. }); 

Я не думаю, что вы можете изменить коллекцию из внутри в each вызова.

Даже лучше, вы можете разделить это на два вызова, так как если вы сделаете все это только один вызов, селектор будет кэшировать:

$(selector).filter(function() { 
    return expression; 
}).next().remove(); 

// and then 

$(selector).each(function() { ... }); // now *without* removed elements. 

Answer 2

Первый раз, когда вы запроса DOM с $(selector) вы возвращаются коллекции jQuery, содержащие все элементы (в частности, ссылки на элементы), которые удовлетворяют этому селектору. Любые изменения в DOM не влияют на эту коллекцию. Если вам удастся изменить DOM таким образом, чтобы элементы в коллекции больше не удовлетворяли начальному селектору, это не будет отражено.

Правильное решение этой проблемы - не изменять DOM в каждом цикле и в основном найти другой способ решить вашу проблему. Но простой (вычислительно дорогой) решение только перепроверить элемент на начальном селектором при итерации ... вы можете использовать метод .is для достижения этой цели:

$(selector).each(function() { 
    var $this = $(this); 
    if ($this.is(selector)) { 
     if (expression) { 
      $this.next().remove(); 
     } 
    } 
    .... 
});