php - 如何在JQuery中选择按钮

Question

<?php foreach ($list as $item): ?>
  <tr>
    <td>
    <div id="<?php echo $item['id']; ?>">
    <input type="text" name="name" id="name"/>
    <button type="submit" id="ajax_submit" value="<?php echo $item['id']; ?>">run</button>
    </div>
    </td>
  </tr>
<?php endforeach; ?>

在这个 php 代码中，我生成了 html 表。当用户单击按钮时，他们会激活此 JQuery 脚本

 <script>
   $(document).ready(function(){
     $('button').click(function(){
       var id = "#" + $("button").val();
          $.post("data/js", { name: $("#name").val(),id : id },
           function(data){
            $(id).html(data);
         });
       })
    });
 </script>

但是，当我想选择表中的非第一个按钮时，首先脚本运行函数。请帮助一切正常。

PS，对不起我的英语;-(

Answer 1

试试这个:

<?php foreach ($list as $item): ?>
  <tr>
    <td>
    <div id="<?php echo $item['id']; ?>">
    <input type="text" name="name" id="name"/>
    <button type="submit" id="ajax_submit_<?php echo $item['id']; ?>" value="<?php echo $item['id']; ?>">run</button>
    </div>
    </td>
  </tr>
<?php endforeach; ?>

..

<script>
   $(document).ready(function(){
     $('button').click(function(){
       var id = $(this).attr('value');
          $.post("data/js", { name: $(this).prev().attr('name'),id : id },
           function(data){
            $(id).html(data);
         });
       })
    });
 </script>