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); });

按钮单击不会提示div内容

2 个答案: