¿Cómo obtener todos los ID con jQuery?

Question

estoy tratando de recopilar una lista (array) de identificadores en un sector

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

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

me da un objeto jQuery, pero no una matriz real;

que puedo hacer

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

y luego utilizar un bucle para poner los atributos de identificación en otra matriz

o que pueda hacer

$("#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) 

De todos modos, sólo quiero ver si hay una abreviatura en jQuery para hacer eso;

Answer 1

// pero yo no puedo obtener el ID y asignarlo a una matriz que no es con en el alcance? (O puedo)

Sí, puedes!

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

Esta es la belleza de closures.

Tenga en cuenta que mientras estaba en el camino correcto, sighohwell y cletus tanto señalan maneras más fiables y concisas de llevar a cabo esto, aprovechando attribute filters (para limitar los elementos coincidentes con aquellos con los ID) y jQuery incorporado en map() función :

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

No es real matriz, pero objs son todas las matrices asociativas en javascript.

Elegí no usar una matriz real con [] y [] .push porque, técnicamente, puede tener varias ID en una página aunque sea incorrecto hacerlo. Por lo que sólo otra opción en caso de que algunos html ha duplicado de Identificación

$(function() { 

     var oArr = {}; 
     $("*[id]").each(function() { 
      var id = $(this).attr('id'); 
      if (!oArr[id]) oArr[id] = true; 
     }); 

     for (var prop in oArr) 
      alert(prop); 

    }); 

Answer 3

La mejor manera que puedo pensar para responder a esto es hacer un plugin jQuery costumbre de hacer esto:

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

luego hacer algo como

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

Answer 4

El método .get() devolverá una matriz de un objeto jQuery. Además, puede usar .map para proyectar algo antes de llamar a get()

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

Answer 5

¿Mi sugerencia?

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

también se puede hacer esto como:

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

o

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

o incluso sólo:

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

montón de maneras básicamente.

Answer 6

Es una respuesta tardía, pero ahora hay una manera fácil. La versión actual de jquery le permite buscar si el atributo existe. Por ejemplo

$('[id]') 

le dará todos los elementos si tienen id. Si desea que todos los tramos con id empezando por span puede utilizar

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

Answer 7

for(i=1;i<13;i++)  
{ 

    alert($("#tdt"+i).val()); 

} 

Answer 8

Usted puede obtener los identificadores de las etiquetas specifict y enviarlo a un elemento de annother. Por ejemplo:

$("input").map(function() { 
    $("textarea").append(this.id+"\n"); 
}); 

Obtendrá todos los ID de entrada y lo enviará a textarea.

Answer 9

HTML

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

jQuery

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