页面加载随机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函数从调用的集合中删除匹配的元素。