Comment sélectionner le bouton dans 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; ?> 

Dans ce code PHP, je génère une table html. Lorsque l'utilisateur clique sur le bouton, ils activent ce script 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> 

Mais, quand je veux sélectionner le bouton non d'abord dans le tableau, la fonction Exécuter le script pour la première. S'il vous plaît, aidez à faire tout ce qui est normal.

PS désolé pour mon anglais ;-(

Answer 1

Essayez ceci:

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

Vous pouvez utiliser la fonction $() jQuery pour sélectionner par ID plutôt que par élément:

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

Note: L'id doit être .. uniques Si vous voulez choisir un autre bouton, puis donner un autre identifiant (par exemple id="second_button) et sélectionnez avec $('#second_button')