Question

我需要一个看起来像这样的html结构：

<div id="ABTestBanner_New">
</div>

<div id="ABTestBanner_Fav">
</div>

<div id="ABTestBanner_Budget">
</div>

我需要在AB分裂测试中使用它。所以我需要用javaScript编写，我需要所有三个div都是唯一的id，但是有相同的CSS。我尝试这样做，但只有#ABTestBanner_Budget正在应用CSS：

var $divNew = $('<div></div>', {'id': 'ABTestBanner_New'});
$('div.samplesCell.samples1').after($divNew)

var $divFav = $('<div></div>', {'id': 'ABTestBanner_Fav'});
$($divNew).after($divFav);

var $divBudget = $('<div></div>', {'id': 'ABTestBanner_Budget'});
$($divFav).after($divBudget);

$('#ABTestBanner_New' && '#ABTestBanner_Fav' && '#ABTestBanner_Budget').css({
    float : 'left',
    height : '250px',
    width : '950px',
    backgroundColor:'#0080FF',
    margin:'20px 0px 20px 0px'
});

对我做错了什么的想法？

Answer 1

请在此处查看jquery文档：http://api.jquery.com/category/selectors/

$('#ABTestBanner_New, #ABTestBanner_Fav, #ABTestBanner_Budget').css({
    /*your style*/
});

Answer 2

简单使用：

$('div[id^="ABTestBanner"]').css({
    /* styles */
});

DEMO： http://jsfiddle.net/rw53Q/

div[id^="ABTestBanner"]选择器定位div以id开头的所有ABTestBanner个元素。

Answer 3

为什么不直接为这些元素添加一个类，并按照您想要的方式设置类的样式？

$ABTestBanner_New.addClass("foo");
$ABTestBanner_Fav.addClass("foo");
$ABTestBanner_Budget.addClass("foo");

添加/删除类比动态添加内联样式更有效，它还有助于将所有样式保存在CSS文件中。： - ）

Answer 4

$('#ABTestBanner_New , #ABTestBanner_Fav , #ABTestBanner_Budget').css({
    float : 'left',
    height : '250px',
    width : '950px',
    backgroundColor:'#0080FF',
    margin:'20px 0px 20px 0px'
});

代替＆amp;＆amp;使用逗号

使用Jquery将Same CSS应用于多个ID

4 个答案: