Question

这就是我的尝试：

$(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 > *')

-OR -

$('.content *')

分别

Answer 2

这应该可以解决问题。

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

问题是你要在元素本身设置边距，而不是在子元素上设置边距选择器.content *表示“具有类内容的元素内的任何内容”。（任何东西，而不仅仅是直接的孩子。）

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

2 个答案: