Javascript 将相同的CSS应用于多个ID'；他正在使用Jquery

我需要一个如下所示的html结构：

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

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

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

我需要在AB分割测试中使用它。所以我需要用javaScript编写，并且我需要所有三个div都是唯一的id，但具有相同的CSS。我试着这样做，但只有#ABTestBanner(ABTestBanner)预算能够应用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'
});

var$divNew=$（“”，{'id'：'ABTestBanner_New'}）；
$（'div.samplesCell.samples1'）。在（$divNew）之后
var$divFav=$（''，{'id'：'ABTestBanner_Fav'}）；
$（$divNew）.after（$divFav）；
var$divBudget=$（“”，{'id'：'ABTestBanner_Budget'}）；
$（$divFav）.after（$divBudget）；
$（“#ABTestBanner_New”&&&“#ABTestBanner_Fav”&&&”#ABTestBanner_Budget'）。css({
浮动：'左'，
高度：'250px'，
宽度：“950px”，
背景颜色：“#0080FF”，
保证金：'20px 0px 20px 0px'
});

关于我做错了什么有什么想法吗？

请参阅jquery文档：

---

不要使用逗号&&p>只需使用：

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

演示：

---

div[id^=“ABTestBanner”]

选择器以所有

div

元素为目标，这些元素的

id

以

ABTestBanner

开头，为什么不向这些元素添加一个类，并按照您想要的方式设置类的样式呢

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

---

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

用逗号将它们分开。基本javascript:

'a'&&&'b'&&&'c'

没有做你认为它在做的事情…你最好写以下内容：$（true）.css（{blah，blah}）。。。只需为API文档设置一个书签（见我之前的评论）。任何有效字符串都将计算为

true

。。。特别是在用执行布尔逻辑的符号和计算函数参数时。使用类吗？你的CSS在任何方面都不是动态的，你甚至不应该把它打印出来。我添加了文档的链接（作为对原始问题的评论）。人们不应该期望被“填鸭式”地问这样的问题。开发人员已经花了很多时间开发好的文档——我们需要向人们指出API。如果他们被他们在那里读到的东西弄糊涂了，那就不同了。但是，他们至少应该先看一下文档。@JoeJohnson，谢谢你的反馈，我的回答中重复了你的API链接。

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

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