jquery - 为 div 动态添加额外的边距

Question

使用 jQuery，我想为 div 'foo' 添加额外的上边距，但前提是另一个 div 'foo2' 包含两个以上的图像。

我怎样才能做到这一点？

score 4 · Accepted Answer

4

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

于 2012-09-26T15:27:58.083 回答

score 2 · Accepted Answer

2

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

于 2012-09-26T15:25:37.193 回答

score 1 · Accepted Answer

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

jQuery

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

CSS

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

score 0 · Accepted Answer

0

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

于 2012-09-26T15:26:37.407 回答

4 回答 4