如何使用jQuery为div内的每个元素设置边距？

Question

我看过： 如何使用jquery设置边距？

这是我正在尝试的：

$(document).ready(function () {
    $(".content").each(function (el) {
        el.css('margin', '0px');
    })
});

不过这没有用； 现在，我必须将样式表中的边距设置为零。

Answer 1

css已经遍历每个元素：

$('.content').css('margin', '0');

您遇到的问题是each将dom节点本身传递给函数，但这是第二个参数：

$('.content').each(function (i, ele) {
    $(ele).css('margin', '0');
    //the context is also set to the element
    $(this).css('margin', '0');
});

---

重新阅读您的问题后，似乎您选择了错误的选择器，我无法确定您是否需要所有子代或所有后代 ，选择器应为：

$('.content > *')

-要么-

$('.content *')

分别

Answer 2

这应该可以解决问题。

$(document).ready(function () {
    $(".content *").css('margin', '0px');
});

问题在于您是在元素本身而不是在其子元素上设置边距。
选择器.content *表示“具有类内容的元素内的所有内容”。 （不只是直接的孩子。）