如何减少这种 jQuery？

Question

jQuery('.msnf-form-step').each(function() {
  if (jQuery('li:nth-child(2)').hasClass('active')) {
    jQuery('.active').prevAll().addClass('finished');
  }
  if (jQuery('li:nth-child(3)').hasClass('active')) {
    jQuery('.active').prevAll().addClass('finished');
  }
  if (jQuery('li:nth-child(4)').hasClass('active')) {
    jQuery('.active').prevAll().addClass('finished');
  }
  if (jQuery('li:nth-child(5)').hasClass('active')) {
    jQuery('.active').prevAll().addClass('finished');
  }
  if (jQuery('li:last-child').hasClass('active')) {
    jQuery('.active').prevAll().addClass('finished');
  }
});

Answer 1

你可以只 select an.active 元素

jQuery('li.active')

所以你只需要

jQuery('li.active').prevAll().addClass('finished');

您能解释一下为什么需要 each() 循环吗？

jQuery('.msnf-form-step').each(function() {
    //
});