Comment identifier le sélecteur choisi dans jQuery?

Question

$('#select_id1, #select_id2, #select_id3').change(function() { 
    // If '#select_id1' has changed, 'str' should be equal to 'select_id1'. 
    // If '#select_id2' has changed, 'str' should be equal to 'select_id2'. 
    // If '#select_id3' has changed, 'str' should be equal to 'select_id3'. 
    str = <what should be here ?> 
}); 

Answer 1

Vous pouvez obtenir l'ID de l'élément qui a invoqué la modification par this.id.

$('#select_id1, #select_id2, #select_id3').change(function() { 
    str = this.id; 
}); 

Answer 2

Ou (moins efficace):

$('#select_id1, #select_id2, #select_id3').change(function() { 
    str = $(this).attr("id"); 
}); 

Mais fondamentalement this est fixé à l'élément sur lequel l'événement a eu lieu.

Answer 3

Vous pouvez regarder this.id directement ou indirectement par un passé dans l'objet de l'événement:

$('#select_id1, #select_id2, #select_id3').change(function (e) { 
    alert(e.target.id + ' == ' + this.id + ' ... ' + (e.target.id == this.id)); 
}); 

La plupart des gens regardent juste this mais il y a des moments où vous pourriez être intéressé par plus que la cible de votre un événement.

Answer 4

Pour le cas plus général, où non seulement les ID sont utilisés, comme le suggère @Anurag, vous pouvez effectuer les opérations suivantes:

// Save the selector 
var selector = ".someClass, #someId, tr.someTrClass"; 

$(selector).change(function() { 
    var selectors = selector.split(","), 
     matching = []; // Remember that each element can 
         // match more than one selector 
    for (var i = 0, s; s = selectors[i]; i++) { 
     if ($(this).is(s)) matching.push(s); 
    } 

    str = matching.join(","); // Your list of all matching selectors 
});