How do I select an element with its name attribute in jQuery?

Question

How to get an element with its name attribute with jQuery?

Is there anything (like # for id and . for class) for name in jQuery?

I misunderstood your question to mean `tag names` as opposed to the `name` attribute, and proceeded to do backflips. — Richard Neil Ilagan, Mar 13 '12 at 07:45

Madara's Ghost · Accepted Answer · 2013-01-15T17:51:23.363

605

$('[name="ElementNameHere"]').doStuff();

jQuery supports CSS3 style selectors, plus some more.

See more

jQuery - Selectors
jQuery - [attribute=""] selector

edited Jan 15 '13 at 17:51

answered Mar 13 '12 at 07:39

Madara's Ghost

172,118
50
264
308

10

More specific doc page: http://api.jquery.com/attribute-equals-selector/ – Ben Lee Mar 13 '12 at 07:40
2

This is the best answer in the world. This site is stupid for not letting me award it with a bounty :( – Benjamin Gruenbaum Mar 01 '16 at 13:17

score 36 · Answer 2 · answered Mar 13 '12 at 07:41

36

You can use:

jQuery('[name="' + nameAttributeValue + '"]');

this will be an inefficient way to select elements though, so it would be best to also use the tag name or restrict the search to a specific element:

jQuery('div[name="' + nameAttributeValue + '"]'); // with tag name
jQuery('div[name="' + nameAttributeValue + '"]',
     document.getElementById('searcharea'));      // with a search base

answered Mar 13 '12 at 07:41

steveukx

4,370
19
27

2

Selectors usually work from right to left, meaning regardless of elements, it would still search the name first, then the element. Hence your extended answer has little meat. But still, good answer :) – Madara's Ghost Mar 13 '12 at 07:45
Quite right - it's the inclusion of the context that is more important, browsers without querySelectorAll or getElementsByName (special case for using the name attribute) would use getElementsByTagname('*') in sizzle making it better to use jQuery('#container').find('[name=someName]') than just jQuery('[name=someName]') - it might not be that important given browser support for getElementsByName though – steveukx Mar 13 '12 at 09:03
How to get element by class? – aspiring May 28 '15 at 08:04
Use `.classname` - examples can be found in the [MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors) – steveukx May 29 '15 at 12:07

score 29 · Answer 3 · edited Mar 13 '12 at 07:46

29

it's very simple getting a name:

$('[name=elementname]');

Resource:

http://www.electrictoolbox.com/jquery-form-elements-by-name/ (google search: get element by name jQuery - first result)

edited Mar 13 '12 at 07:46

Madara's Ghost

172,118
50
264
308

answered Mar 13 '12 at 07:42

Joeri Minnekeer

592
5
17

score 16 · Answer 4 · edited Oct 06 '15 at 16:32

16

jQuery("[name='test']")

Although you should avoid it and if possible select by ID (e.g. #myId) as this has better performance because it invokes the native getElementById.

edited Oct 06 '15 at 16:32

SharpC

6,974
4
45
40

answered Mar 13 '12 at 07:40

Simon Edström

6,461
7
32
52

1

Yes, but that's not always possible... And as inferred from the question, OP already knows how to select by ID or classname. – Madara's Ghost Mar 13 '12 at 07:46
1

I only want to point out that its heavier to use this kind of selectors. – Simon Edström Mar 13 '12 at 07:49

score 10 · Answer 5 · answered Mar 13 '12 at 07:42

10

You could always do $('input[name="somename"]')

answered Mar 13 '12 at 07:42

Moo-Juice

38,257
10
78
128

1

You could, but you would then miss the `select` and `textarea` elements. – Antti29 May 21 '15 at 05:10

How do I select an element with its name attribute in jQuery?

5 Answers5

See more

Resource:

Linked

Related