迭代如果語句

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"); 
    } 
})