JQUERY - 为多个对象添加边距

时间:2011-09-10 05:32:33

标签: jquery

我目前成功设置下面的保证金:

    $('div#container_join_messages').css({'margin-right': '56.5%'});
    $('div#container_join_errors').css({'margin-right': '56.5%'});
    $('div#container_join_now').css({'margin-right': '56.5%'});

有没有办法将这些组合成一行? 尝试以下不成功:

    ($('div#container_join_messages'), $('div#container_join_errors'), $('div#container_join_now')).css({'margin-right': '56.5%'});

三江源

2 个答案:

答案 0 :(得分:2)

$('#container_join_messages, #container_join_errors, #container_join_now').css({'margin-right': '56.5%'});

您需要将逗号放在选择器字符串中。

您可以在此处阅读相关文档:http://api.jquery.com/multiple-selector/

答案 1 :(得分:1)

Alan的答案是完美的。但是如果所有这些元素都有一个类,那么操作起来就会很容易,代码更加语义和可读。

$('.theClass').css('margin-right', '56.5%');

如果所有这些div(并没有其他div)被另一个div包装,你也可以使用jQuery child selector

$('#wrappingDiv > div').css('margin-right', '56.5%');