Comment obtenir la valeur d'id d'un bouton en utilisant Jquery?

Question

J'ai une table avec des boutons d'édition créés dynamiquement. L'ID des boutons est une chaîne qui est associée à l'ID de contenu de la table.

i.e.: <input id='edit'+id type='button' value='Edit' onclick=edit(this.id) />

Comment puis-je obtenir l'ID (= modifier + id) valeur du bouton à l'aide jquery.

Merci.

Answer 1

Vous devez obtenir une référence pour l'élément d'entrée. Ensuite, il suffit d'appeler

reference.attr('id'); 

Si elle avait une classe, par exemple, inputClass, vous pouvez faire:

var reference = $(".inputClass"); 

Voilà comment je l'approche de votre situation particulière. Vous avez:

<input id='edit1' type='button' value='Edit' onclick=edit(this.id) /> 
<input id='edit2' type='button' value='Edit' onclick=edit(this.id) /> 
<input id='edit3' type='button' value='Edit' onclick=edit(this.id) /> 

Je remplacerait cela pour:

<input id='edit1' type='button' value='Edit' class='inputClass'/> 
<input id='edit2' type='button' value='Edit' class='inputClass'/> 
<input id='edit3' type='button' value='Edit' class='inputClass'/> 

Alors, partout dans votre page, vous écrivez ce morceau de code:

$(document).ready(function() { 
    $('.inputClass').each(function() { 
     $(this).click(function(){ 
      var id = $(this).attr('id'); 
      //Do whatever the edit function should do with the id 
     }); 
    }); 
}); 

cette lie une fonction pour chaque des éléments qui appellent votre fonction d'édition ...

Answer 2

var id = $("td input[type='button']").attr('id'); 

Le sélecteur dit « Le bouton d'entrée dans un TD » ou

var id = $("td input[id^='edit']").attr('id'); 

Le sélecteur dit « L'élément d'entrée avec un identifiant commençant par « modifier » dans un TD »

ou vous pouvez aller à la toute façon:

var id = $("td input[type='button'][id^='edit']").attr('id'); 

Le sélecteur dit « Le bouton d'entrée avec un identifiant commençant par « modifier » dans un TD »