迭代如果语句

Question

我有12个模态。我想每一个模态的.modal__content高度比作viewport height，如果一个特定的模式.modal__content高度<比vhaddClass("center")它elseaddClass("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"); 
    } 
})