應用相同的CSS多個ID的使用jQuery

我需要一個HTML結構，看起來像這樣：應用相同的CSS多個ID的使用jQuery

<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' 
});

什麼我做錯了什麼想法？

來源

2014-02-19 Tgrosk

用逗號分隔它們。 – 2014-02-19 19:54:10

basic javascript：''a'&&'b'&&'c''沒有做你認爲它正在做的事情...... –

你可能寫了下面的代碼：$（true）.css（{blah，blah} ）; ...只需爲API文檔設置一個書籤（見我以前的評論）。任何有效的字符串都會評估爲「true」...尤其是當使用與符號執行布爾邏輯評估函數參數時。 –

見jQuery的文檔在這裏：http://api.jquery.com/category/selectors/

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

來源

2014-02-19 19:53:56 maximkou

你甚至不應該輸入。我添加了鏈接到文檔（作爲對原始問題的評論）。人們不應該問這樣的問題，希望得到「勺子餵養」。開發人員花了很多時間開發良好的文檔 - 我們需要將人員指向API。如果他們被他們閱讀的內容所困惑 - 那就不一樣了。但是，他們至少應該首先查看文檔。 –

@JoeJohnson，感謝您的反饋，我在我的答案中複製了您的API鏈接。 – maximkou

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

，而不是& &使用逗號

來源

2014-02-19 19:54:36 SamotnyPocitac

簡單使用：

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

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

的div[id^="ABTestBanner"]選擇目標的所有div元素，其id下手ABTestBanner。

來源

2014-02-19 20:01:58 Arbel

爲什麼不只是給這些元素添加一個類，並按照你想要的方式來設置類的樣式呢？

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

添加/刪除一類是有點比上飛加入內嵌樣式更有效，這也有助於保持所有的風格在他們所屬的CSS文件。 :-)

來源

2014-02-19 20:32:30 Waterskier19

應用相同的CSS多個ID的使用jQuery

回答

相關問題