javascript - 迭代 If 语句

Question

我有 12 个情态动词。我想将每个模态的 .modal__content 高度与 viewport 高度 进行比较，并且如果特定模态 .modal__content 高度 vh addClass("center") 到它else addClass("margin")，然后转到下一个模态 - 比较它，执行 if 语句，依此类推，直到最后一个模态。

每个模态都有相同的类.modal__content。

这是我的if:

  if ($(window).height() > $('.modal__content').actual('height')) {
    $('.modal__content').addClass("center");
  } else {
    $('.modal__content').addClass("margin");
  }

模态示例:

  <div class="modal" id="modal-3"> // each modal has it's own id
    <div class="modal__content">
      <h3>Heading</h3>
      <div>
        <p>Paragraph</p>
        <button class="md-close">close</button>
      </div>
    </div>
  </div>

问题:

1) 我应该将 if 放置在哪种循环中？ Mb我根本不需要循环？

2) $('.modal__content').addClass("center"); - 是隐式迭代我该如何限制它仅适用于特定模式？

Answer 1

你可以尝试一下

$('.modal__content').each(function(){
 if ($(window).height() > $(this).actual('height')) {
    $(this).addClass("center");
  } else {
    $(this).addClass("margin");
  }
})