So wählen Sie alle Elemente mit demselben Namen in einem bestimmten div mit jQuery

Question

Wir haben zwei divs: Wie wählen Sie alle Eingabefeld als ein Array mit name = "divText", die innerhalb "div2" sind.

// Body of div1

<div id="div1> 
<input type="text" name="divText" value="v1" /> 
<input type="text" name="divText" value="v2"/> 
<input type="text" name="divText" value="v3"/> 
</div> 

// Body of div2

<div id="div2> 
<input type="text" name="divText" value="q1" /> 
<input type="text" name="divText" value="q2"/> 
<input type="text" name="divText" value="q3"/> 
</div> 

Answer 1

Verwenden Attribute Equals Selector [name="value"] zusammen mit ID Selector (“#id”). Es gibt einen Fehler in Ihrem HTML-Code. Das Schlussangebot von div iddiv1 und div2 fehlt ebenfalls.

Live Demo

$('#div2 input[name="divText"]') 

Answer 2

Eingabefeld als ein Feld zu erhalten, verwenden .get():

var inpfromdiv2=$('#div2').find('input[name="divText"]').get(); 

Answer 3

Verwenden der Attributselektor

$("#div2 > input[name='divText']") 

der j Abfrage Selektor ist kein Array, sondern kann für viele Zwecke als solche

Answer 4

Eine andere Art und Weise behandelt werden:

$("#div2 input[type=text]") 

Answer 5

Als @adil beantwortet es der richtige Weg ist, zu tun, was Sie gefragt, aber ich denke, Es ist eine bessere Übung, eine Klasse zu setzen und sie dann auszuwählen. Zum Beispiel:

<div class="some_class">...</div> 
<span class="some_class">...</span> 

$('.some_class') 

Dies ist, was Sie für keinen Tag-Typ eingeschränkt sind.