Need to get TAG name by element name using Jquery

Question

I have set of html elements and I named those for all input/select/textarea. Anyway the names are unique for each element.

Now I need to get the Html TAG (Input/Select/Textarea) by Element name.

For EX:

<input type="text" name="sample" />

I need to get the 'input' TAG by using element name 'sample'.

I dont want to mention the TAG name on selector part in jquery. I have only unique names to find the TAGs.

Please help on this.

Thanks in advance.!

Fabrizio Calderan · Accepted Answer · 2018-02-02T14:19:10.150

2

use querySelector() to retrieve the element and tagName to retrieve the tag name

document.querySelector('[name="sample"]').tagName.toLowerCase();

Codepen demo

edited Feb 02 '18 at 14:19

answered Feb 02 '18 at 14:14

Fabrizio Calderan

1

@Sankar: jQuery can't get the tag name. It has no API for that. It can select the elements, but you must ultimately abandon jQuery anyway, so why not altogether? – Feb 02 '18 at 14:18
@fcalderan Thanks. Its working. ThankYou. – Karthik Rajan Feb 02 '18 at 14:23
Downvotes for a vanillaJS lightweight and portable solution instead of jQuery? Really? – Fabrizio Calderan Feb 02 '18 at 14:47

score 1 · Answer 2 · answered Feb 02 '18 at 14:14

You should be able to select them with the tag name and then the name attribute like this: $('input[name="sample"]')

$('input[name="sample"]').val('Lorem Ipsum');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="sample" />

score 1 · Answer 3 · answered Feb 02 '18 at 14:14

1

You can use .tagName

console.log(document.querySelector('[name=sample]').tagName);

<input type="text" name="sample" />

answered Feb 02 '18 at 14:14

Phiter

No. Javascript is also okay for me. I am happy with this code. Thanks. – Karthik Rajan Feb 02 '18 at 14:17
1

ps. If you wanted to do this with a jQuery selector, you can do this -> `$('[name="sample"]').each((r,el) => console.log(el.tagName));` – Keith Feb 02 '18 at 14:22

score 1 · Answer 4 · answered Feb 02 '18 at 14:16

In jquery you can do this:

$("[attr='name']")

This will select the element you want.

If you want to do it in native js you would do this:

var x = document.getElementsByName("attribute name");

That will return an array, and in your case, you would have only one element in it, so the element you need would be x[0].

score 0 · Answer 5 · answered Feb 02 '18 at 14:15

0

Use this:

$('input[name="name_of_element"]')

same goes with select, textarea, etc.

answered Feb 02 '18 at 14:15

molinet

5 Answers5