jquery – 如何将一些脚本应用于具有相同ID的每个css元素？

HTML：

<div id="tab">This is a paragraph.</div>
<div id="tab">This is a paragraph.</div>
<div id="tab">This is a paragraph.</div>
<div id="tab">This is a paragraph.</div>

CSS：

#tab{
  height:30px;
  width:130px;
  background-color:red;
}

Jquery：

$(document).ready(function() {
    function randomNumber() {
        return Math.floor(Math.random() * 255)
    }
    $('#tab').mouSEOver(function() {
        $('#tab').css('background-color','rgb(' + randomNumber() + ',' + randomNumber() + ',' + randomNumber() + ')');
    });
    $('#tab').mouSEOut(function() {
        $('#tab').css('background-color','white');
    });
});

我有这个小提琴,我希望颜色变化影响所有#tabs,而不仅仅是第一个,我该怎么做？

可以在这里找到Fiddle示例.

解决方法

您只能分配一次ID！将其更改为类似 http://jsfiddle.net/nHCXV/3/的类