Javascript 按钮点击不'；t警报div内容

我有三个动态生成的div。每个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>

形式。此表单将动态生成

<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>

$（'.button1'）。在（'click'，function（）上{
var id=$（'.price'）.val（）；
警报（id）；
});

因为您告诉我们您的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>

$（文档）.on（'click'，'.button1'函数（）{
var id=$（'.id'）.val（）；
警报（id）；
});
请尝试以下代码：

<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>

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

欢迎来到堆栈溢出！请看一看，仔细阅读，特别是如果没有看到与此相关的HTML，我们显然无法帮助您。请使用演示该问题的示例更新您的问题，最好是使用堆栈片段（工具栏按钮）运行的问题。
[]
也就是说，我会注意到您有
$（'.id'）.val（）
。
是用于类的。如果
id
是一个id，则需要
$（“#id”）.val（）
。更多信息，和。您是否尝试过将（'click'，function（）{}）上的$（'.button1'）更改为$（this）？谢谢。我也尝试了#。但每次按钮单击的id值都相同。可能重复。如果是，这个问题是重复的，应该关闭（通常会有一条注释说明它是如何关联的）。