Не знаю как обратиться к только одному из дочерних элементов класса, созданных динамически. (когда нажимаешь, например, на 5ый элемент, то в консоль выводиться 5 раз), вот пример кода:
$('#next').click(function()
{
var rnd = Math.floor(Math.random()*1000);
var html = '<div>'+rnd+'</div>';
$(html).attr('id', rnd).addClass('order').prependTo('#orders');
console.log(rnd);
$('.order').click(function() //тут проблема
{
console.log($(this).attr('id'));
});
});
.order {
display: block;
padding: 5px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='next'>More</button>
<div id='orders'>
<div class='order'>Y</div>
<div class='order'>X</div>
</div>