Récupérer un identifiant d'éléments HTML en utilisant jQuery

Question

Est-il possible d'obtenir l'id d'un élément (div, input, etc.) en utilisant jQuery et comment?

Answer 1

Voir Attributes/attr

Exemple simple:

alert($('div.someclass').attr('id')); 

S'il y a plus d'un div avec la classe someclass (c'est-à-dire, le sélecteur retourne plus d'un élément), vous pouvez les obtenir tout en faisant une boucle à travers les éléments en utilisant each, et en poussant les ids dans un tableau par exemple:

var ids = []; 
$('div.someclass').each(function() { 
    ids.push($(this).attr('id')); 
}); 

Juste t o aller un peu plus loin, vous pouvez utiliser attribute filters (dans ce cas attributeHas) de choisir uniquement les éléments qui ont ids, par exemple:

var ids = []; 
$('div[id]').each(function() { 
    ids.push($(this).attr('id')); 
}); 

et enfin, au lieu d'utiliser chacun, vous pouvez utiliser map(callback) qui fournit une plus propre façon de faire ce qui précède:

var ids = $('div[id]').map(function(index, domElement) { 
    return $(domElement).attr('id'); 
}).get(); 
alert(ids.join(",")); 

Answer 2

$('elementselector').attr('id'); 

vous devez choisir un sélecteur approprié pour vous assurer que vous sélectionnez l'élément d'intérêt.

Answer 3

$(element).attr('id')