Нажатие кнопки не предупреждает содержимое div

Question

У меня есть три динамически генерируемых div.Каждый содержит разные данные и кнопки. При каждом нажатии кнопки я хочу предупредить данные.У меня есть это.но он показывает только первые данные div для каждого нажатия кнопки.

форма.эта форма генерирует динамически

<input type="hidden" name="price" id="price" class="price" value=" 
{{$data->price}}"/>
<input type="submit" name="submit"  id="button1" class="btn btn-danger 
 btn-lg raised button1"/>
<div>


<script>
    $('.button1').on('click', function(){
    var id = $('.price').val();
    alert(id);
    });

 </script>

Answer 1

Попробуйте код ниже:

  $('button').on('click', function(){
   var id = $(this)[0].id;
   alert(id);
 });

Answer 2

Поскольку вы сказали, что ваши div генерируются динамически, вы должны привязать событие click к другому статическому элементу или документу.Это должно помочь

$(document).on('click', '.button1' function(){ var id = $('.id').val(); alert(id); });