Здравствуйте. Столкнулся с проблемой. Например, есть несколько одинаковых div'ов, с одинаковым id. Как сделать, чтобы событие mouseover и mouseout срабатывали на
любом из этих div'ов, а не только на первом найденном. Не буду же я задавать каждому свой отдельный id и для каждого прописывать событие?
Мой код:
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-2.1.1.js"></script>
<style>
#div {
width: 100px;
height: 100px;
border: solid 1px black;
margin: 10px 10px;
background-color: green;
float: left;
}
</style>
</head>
<body>
<div id="div"></div>
<div id="div"></div>
<div id="div"></div>
<div id="div"></div>
<div id="div"></div>
</body>
</html>
<script>
$('#div').mouseover(function()
{
$('#div').css('background-color', 'red');
}).mouseout(function()
{
$('#div').css('background-color', 'green');
});
</script>