Как выбрать кнопку в 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>

Answer 2

Вы можете использовать функцию jQuery $ () для выбора по идентификатору, а не по элементу:

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

Примечание: Идентификатор должен быть уникальным.Если вы хотите выбрать другую кнопку, присвойте ей другой идентификатор (например, id="second_button) и выберите ее с помощью $('#second_button').