爲div動態添加額外的邊距

Question

使用jQuery我想爲div'foo'添加額外的頂部邊距，但只有當另一個div'foo2'包含多於兩個圖像時纔會這樣。

我該怎麼做？

Answer 1

$('#foo2 > img').length > 2 ? $('#foo').css('margin-top', '10px') : 0; 

Answer 2

if ($('#foo2 img').length>2) $('#foo').css('margin-top', 243); 

Answer 3

if ($('#foo2 img').length > 2) { 
    $('#foo').css('margin-top', 20); 
} 

Answer 4

我通常喜歡用addClass()和removeClass()（或合併toggleClass()），而不是直接在JS指定的CSS。它將樣式保留在應有的位置。

jQuery的

$('#foo').toggleClass('newClass', $('#foo2 img').length > 2); 

CSS

.newClass { margin-top: 10px; ... }