Comment obtenir tous les ID avec jQuery ?

Question

J'essaie de rassembler une liste (tableau) d'identifiants dans un secteur.

<div id="mydiv">
 <span id='span1'>
 <span id='span2'>
</div>

$("#mydiv").find("span"); 

me donne un objet jQuery, mais pas un vrai tableau ;

Je peux le faire.

var array = jQuery.makeArray($("#mydiv").find("span"));

et ensuite utiliser une boucle for pour mettre les attributs id dans un autre tableau

ou je peux faire

$("#mydiv").find("span").each(function(){}); //but i cannot really get the id and assign it to an array that is not with in the scope?(or can I)

Quoi qu'il en soit, je veux juste voir s'il y a un raccourci dans jQuery pour faire ça ;

Answer 1

//mais je ne peux pas vraiment récupérer l'id et l'assigner à un tableau qui n'est pas dans le scope ?(ou puis-je)

Si, vous le pouvez !

var IDs = [];
$("#mydiv").find("span").each(function(){ IDs.push(this.id); });

C'est la beauté de fermetures .

Notez que pendant que vous étiez sur la bonne voie, sighohwell y cletus Tous deux indiquent des moyens plus fiables et plus concis d'y parvenir, en tirant parti de l'expérience de l'UE. filtres d'attributs (pour limiter les éléments correspondants à ceux qui ont un ID) et la fonction intégrée de jQuery map() fonction :

var IDs = $("#mydiv span[id]")         // find spans with ID attribute
  .map(function() { return this.id; }) // convert to set of IDs
  .get(); // convert to instance of Array (optional)

Answer 2

La méthode .get() renvoie un tableau à partir d'un objet jQuery. En outre, vous pouvez utiliser .map pour projeter vers quelque chose avant d'appeler get().

var idarray = $("#myDiv")
             .find("span") //Find the spans
             .map(function() { return this.id; }) //Project Ids
             .get(); //ToArray

Answer 3

Ma suggestion ?

var arr = $.map($("#mydiv [id]"), function(n, i) {
  return n.id;
});

vous pourriez aussi le faire en tant que :

var arr = $.map($("#mydiv span"), function(n, i) {

o

var arr = $.map($("#mydiv span[id]"), function(n, i) {

ou même simplement :

var arr = $("#mydiv [id]").map(function() {
  return this.id;
});

Beaucoup de façons de faire, en fait.

Answer 4

La meilleure façon de répondre à cette question est de créer un plugin jquery personnalisé pour faire cela :

jQuery.fn.getIdArray = function() {
  var ret = [];
  $('[id]', this).each(function() {
    ret.push(this.id);
  });
  return ret;
};

Ensuite, faites quelque chose comme

var array = $("#mydiv").getIdArray();

Answer 5

C'est une réponse tardive mais il y a maintenant un moyen facile. La version actuelle de jquery vous permet de rechercher si l'attribut existe. Par exemple

$('[id]')

vous donnera tous les éléments s'ils ont un identifiant. Si vous voulez toutes les travées dont l'id commence par span vous pouvez utiliser

$('span[id^="span"]')