javascript - 使用 Jquery 将相同的 CSS 应用于多个 ID

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*/
});