动态地为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

我通常喜欢使用addClass()和removeClass()（或统一toggleClass()），而不是直接在JS中指定css。它将样式保存在应有的位置。

的jQuery

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

CSS

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

Answer 4

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