How to select all elements with same name inside some specific div using jQuery [duplicate]

Question

We have two divs: How to select all the input field as an array with name="divText" that are inside "div2".

//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>

If your actual HTML is exactly the same as exposed here, you could simply do this : $('#div2').children(). — user1636522
– user1636522, Commented Jan 31, 2014 at 11:09
I assume you know about the descendant selector. If not, you really should read jQuery's documentation: api.jquery.com/category/selectors. Also check out the tutorial: learn.jquery.com/using-jquery-core/selecting-elements — Felix Kling
– Felix Kling, Commented Jan 31, 2014 at 11:11

Adil · Accepted Answer · 2014-01-31 11:03:28Z

12

Use Attribute Equals Selector [name="value"] along with ID Selector (“#id”). There is error in your html the closing quote of div id div1 and div2 is missing as well.

Live Demo

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

answered Jan 31, 2014 at 11:03

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rune FS Over a year ago

as a note. This will fulfill the requirement in the title but selects more broadly than the post suggests. The post talks of input elements, where this selects all elements. Which might be correct. It will also select all children of children of the div that has the specified name. Which might or might not also be correct

Adil Over a year ago

Thanks @RuneFS for reminding, updated.

Milind Anantwar · Accepted Answer · 2014-01-31 11:04:08Z

0

to get input field as an array, use .get():

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

answered Jan 31, 2014 at 11:04

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Rune FS · Accepted Answer · 2014-01-31 11:04:44Z

0

Use the attribute selector

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

The jquery selector isn't an array but can for a lot of purposes be treated as such

answered Jan 31, 2014 at 11:04

Rune FS

21.7k7 gold badges65 silver badges101 bronze badges

Comments

4b0 · Accepted Answer · 2014-01-31 11:05:57Z

0

Another way :

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

answered Jan 31, 2014 at 11:05

4b0

22.4k30 gold badges97 silver badges143 bronze badges

Comments

vlio20 · Accepted Answer · 2014-01-31 11:08:12Z

0

As @adil answered it is the right way to do what you asked, but I think it is a better practice to put a class and then select it. For example:

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

$('.some_class')

this what you are not constrained for any tag type.

answered Jan 31, 2014 at 11:08

vlio20

9,33518 gold badges104 silver badges188 bronze badges

Collectives™ on Stack Overflow

How to select all elements with same name inside some specific div using jQuery [duplicate]

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Linked

Related