2013-04-20 8 views
5

Se uso jQuery per selezionare tutti i miei input di testo:Selezionando gli individui da un gruppo di elementi jQuery

var inputs = $('#form input[type="text"]'); 

Essi sono avvolti in jQuery. Posso fare tutto ciò che voglio con loro.

inputs.css('height', '1000px'); 
//muhahaha! 

Come gruppo rispettano. Ma mi sembra che manchi qualcosa. So di poter vedere ognuno individualmente come se fosse una schiera di oggetti.

console.log(inputs[0]); 
// <input type="text" /> 

Ma l'output di cui sopra è solo l'html; quando faccio questo non è più un oggetto jQuery :(

inputs[0].css('font-size', '100px'); 
// Uncaught TypeError: Object #<HTMLInputElement> has no method 'css' 

Come faccio a continuare a utilizzare metodi di jQuery sull'individuo senza dover avvolgere di nuovo ogni elemento, o è questo non è possibile per qualche strana, oscura, inspiegabile motivo?

non sapeva nemmeno da dove cominciare a cercare questo, e il mio viaggio jQuery non mi ha portato alla risposta finora. Grazie!

risposta

5

Date un'occhiata a questa pagina: jQuery Filtering

inputs.eq(0).css('font-size', '100px'); 

dovrebbe fare il trucco in questo caso

+0

incredibilmente semplice come mi aspettavo. Questo sta facendo tecnicamente un'altra domanda? Sembra proprio che, intuitivamente, si possa usare un indice di array ... – jamil

+1

Citazione dal link '.eq()' se si segue il collegamento nella risposta: Dato un oggetto jQuery che rappresenta un insieme di elementi DOM, il. Il metodo eq() costruisce un nuovo oggetto jQuery da un elemento all'interno di quella serie. L'indice fornito identifica la posizione di questo elemento nel set. –

0

l'unico modo per evitare il confezionamento di nuovo ogni elemento ($(inputs[0]).css('font-size', '100px'))

utilizzerebbe puro JavaScript. Esempio: inputs[0].style.fontSize = "100px";

1

vedono questo function .eq() in Jquery-API

Quando l'accesso al Dom-Node-Collection nella JQuery via Array-Index, si ottiene il RAW Dom-elementi, se si seleziona l'indice con il metodo di cui sopra, è' Otterrai elementi jQuery-Wrapped con funzionalità avanzate. Vedere i documenti.

Problemi correlati