obtenir jquery `$(this)` id

Comment puis-je obtenir le id de l'élément qui a déclenché l'jQuery .change() fonction?
La fonction elle-même fonctionne correctement, mais j'ai besoin d'une action spécifique pour un sélecteur avec id="next".

$("select").change(function() {
    [...snip....]
    alert( $(this).attr('id') );  //<---- not working
}

Des idées pourquoi l'alerte ci-dessus ne fonctionne pas?

  • On dirait qu'il travaille pour moi... jsfiddle.net/interdream/nGtjR/1
  • Êtes-vous essayer d'obtenir l'id de l'élément select votre changement de gestionnaire est attaché?
InformationsquelleAutor Gigg | 2011-06-14
  1. 63

    this est l'élément DOM sur lequel l'événement a été accroché. this.id est son ID. Pas besoin de l'envelopper dans un jQuery exemple pour l'obtenir, le id propriété reflète l'attribut de manière fiable, sur tous les navigateurs.

    $("select").change(function() {    
    alert("Changed: " + this.id);
}

    Live exemple

    Vous ne faites pas cela dans votre exemple de code, mais si vous regardiez un récipient avec plusieurs éléments de formulaire, qui vous donnent l'ID de la conteneur. Si vous voulez que l'ID de l'élément qui a déclenché l'événement, vous pouvez obtenir ce à partir de la event de l'objet target propriété:

    $("#container").change(function(event) {
    alert("Field " + event.target.id + " changed");
});

    Live exemple

    (jQuery assure que le change événement bulles, même sur IE où il n'est pas nativement.)

    • Ce qui vous fait penser à .id est fiable?
    • Avez-vous quelque raison de penser le contraire? Je l'ai utilisé dans IE5.5 ultérieur, google Chrome et Firefox depuis qu'ils ont commencé, le vieux Netscape Navigator, Opera depuis plus d'une décennie, Safari, Konqueror, Midori, etc. C'est indiqué dans DOM2 HTML, et c'est en très tôt les versions de la doc. Je dirais que vous ne trouverez pas un navigateur en général (ou probablement même limitée) d'utilisation qui ne reflète pas id sur des éléments, mais je suis intéressé à la genèse de votre commentaire. 🙂
    • eh bien, la vérité est que j'étais à la recherche de références sur ce sujet pendant des heures, votre post a été le meilleur que j'ai trouvé, mais je voulais une confirmation avec les références :-J
    • Gotcha. 🙂 DOM2 HTML c'est le seul à regarder dans, mais la spec HTML5 -- qui parle d'un beaucoup plus de HTML -- est de plus en plus de remplaçant il. Curieusement, id est absent de l'IDL pour le HTML5 définition de HTMLElement.
    • Et la raison pour laquelle il n'est pas là, c'est qu'il est défini à un niveau plus haut, sur une prochaine DOM spec pour Element.
    InformationsquelleAutor T.J. Crowder
  2. 5

    Voulez-vous dire que pour un élément avec un id de "suivant", vous devez réaliser certaines script?

    $("#next").change(function(){
    //enter code here
});
    InformationsquelleAutor John Kalberer