<h2>Куча одинаковых элементов. Каждый с уникальными данными.</h2>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='click'></input>
</div>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='click'></input>
</div>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='click'></input>
</div>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='click'></input>
</div>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='test'></input>
</div>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='click'></input>
</div>
<div class='test'>
<input class='some-input' type='text'></input>
<input class='calc-button' type='button' value='click'></input>
</div>
.test{
background-color:CornflowerBlue;
margin:2px;
padding:10px;
width:160px;
}
.some-input{
width:80px;
}
$(document).ready(function () {
$(".some-input").each(function () {
$(this).val(parseInt(Math.random()*40));
});
$('.calc-button').on('click',function(){
universalFunc($(this));
});
// ф-ция работает для любого множества одинаковых элементов
function universalFunc(el){
// все элементы едиинообразны, следовательно
// для всех элементов единый порядок работы . например
alert(el.closest('div').find('.some-input').val());
}
});
This Pen doesn't use any external CSS resources.