Добрый день, У меня есть несколько div-ов с данными внутри. Необходимо создать функцию которая определила которая из них была нажата. Вроде все просто, но у меня идет повторение кода. Думаю есть способ сделать это одной функцией. Обращаюсь за помощью к гуру.
$('.010203').click(function() {
alert('010203');
});
$('.010204').click(function() {
alert('010204');
});
$('.010205').click(function() {
alert('010205');
});
#numbers {
margin-left: 2%;
float: left;
margin-top: 5px;
margin-bottom: 5px;
width: 45%;
height: 45px;
border: 1px solid #ccc;
border-radius: 3px;
background-image: url(../img/gold_plus.png);
background-repeat: no-repeat;
background-position: right;
padding-left: 7px;
}
.number_n {
color: #6a2f8d;
font-weight: bold;
font-size: 18px;
margin-top: -14px;
}
.cat_name {
color: #afafaf;
font-size: 12px;
margin-top: 4px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id='numbers' class='010203'>
<p class='cat_name'>Простые</p>
<p class='number_n'>010203</p>
</div>
<div id='numbers' class='010204'>
<p class='cat_name'>Простые</p>
<p class='number_n'>010204</p>
</div>
<div id='numbers' class='010205'>
<p class='cat_name'>Простые</p>
<p class='number_n'>010205</p>
</div>
Заранее благодарю за помощь.