Основная проблема с циклом JS / jQuery

Question

Как бы я включил $('#featured article').last().empty(); в базовый цикл JS / jQuery, чтобы цикл продолжался до тех пор, пока число экземпляров #featured article не уменьшится до конечного числа экземпляров, например, четырех?

Я думаю, что do while было бы наиболее подходящим, однако, поскольку количество экземпляров уменьшается, а не увеличивается, я, похоже, не смогу с этим разобраться.

Answer 1

#featured_article - это идентификатор, а DOM допускает только один элемент для каждого идентификатора.Измените его на класс (то есть $('.featured_article')), и jQuery зациклит его для вас.Вы можете использовать .remove () вместо .empty () для фактического удаления элемента из дерева DOM, что, я думаю, вы и делаете:

$('.featured_article').last().remove();

Насколько while петля, попробуйте это:

while ($('.featured_article').size() > 4)
{
  $('.featured_article').last().remove();
}