頁面加載隨機div

Question

我正在嘗試隨機化主頁的英雄內容。 我有這個簡單的代碼，但是它會影響頁面上的所有div，我只希望它影響幾個。

var elems = $("div");
if (elems.length) {
var keep = Math.floor(Math.random() * elems.length);
for (var i = 0; i < elems.length; ++i) {
if (i !== keep) {
  $(elems[i]).hide();
}
}
}

這是我的html：

<div id="hero1">One</div>

<div id="hero2">Two</div>

<div id="hero3">Three</div>

<div id="constant">This content does not rotate.</div>

還有一個警告，我需要它在一個糟糕的CMS中工作，以剝離我的班級標簽。 因此，它必須是一種基於id標識div的解決方案。

Answer 1

怎么樣

var elems = $('div').not('#constant')

？

not函數從調用的集合中刪除匹配的元素。