Matrice di ID: come selezionare con JavaScript/JQuery?

Question

Possiedo un array di identificatori di elementi, provenienti da alcune convalide sul lato server. Gli ID non hanno il prefisso "#". Piuttosto che passare attraverso l'array e prefissare un # per ogni membro, c'è un mezzo jquery per selezionare direttamente tutti gli elementi con i loro ID?

Answer 1

Non dimenticare "vecchio stile" getElementById - non richiede l'hashing degli ID. Poi basta nutrire i nodi per jQuery per ottenere un oggetto jQuery:

var ids = ['jq-primarySearch', 'jq-n-CSS']; 
var nodes = $.map(ids, function(i) { return document.getElementById(i) }); 
var jqObj = $(nodes); 

Answer 2

In jQuery è possibile selezionare per ID come questo

$("[id=id_value]"); // returns 1 id 

se il nome di loro qualcosa di simile ID_1 e ID_2 si può fare questo

$("[id^='id_]") // returns multiple 

Answer 3

Se avete la ID come una stringa è possibile selezionarlo in jQuery come questo

$("#"+id); //gives you one element 

Se si dispone di ID più di che sono simili, quindi utilizzare sugge di Elzo zione.

Answer 4

Si potrebbe semplicemente unirsi a loro, in questo modo:

var ids = ['div1', 'div2', 'div3']; 

$('#' + ids.join(',#')).click(function() { alert('hi'); }); 

Answer 5

(NB - non ho provato questo - questa è la parte superiore della mia testa)

Diciamo che la matrice è "arr ".

Non è possibile mappare la serie di identificatori di stringa in una matrice di oggetti jQuery, quindi concatenarli tutti utilizzando il solito selettore jQuery?

$($.map(arr, function(id) { return $('#' + id); })) 

Answer 6

Basta fare la selezione del nodo da soli poi avvolgere il risultato:

$(document.getElementById(id)) 

salva la costruzione di un selettore di stringa che jQuery avrà solo analizzare indietro e poi fare esattamente la stessa cosa Inoltre, non devi preoccuparti di caratteri di escape come ':' e '.' Che sono validi negli ID ma significano qualcos'altro nei selettori.