Need to get TAG name by element name using Jquery [duplicate]

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-02 14:19:10Z

2

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

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

Codepen demo

edited Feb 2, 2018 at 14:19

answered Feb 2, 2018 at 14:14

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

3 Comments

user9274775 Over a year ago

@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?

Karthik Rajan Over a year ago

@fcalderan Thanks. Its working. ThankYou.

Fabrizio Calderan Over a year ago

Downvotes for a vanillaJS lightweight and portable solution instead of jQuery? Really?

user9019817 · Accepted Answer · 2018-02-02 14:14:19Z

1

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

answered Feb 2, 2018 at 14:14

user9019817

Comments

Phiter · Accepted Answer · 2018-02-02 14:14:25Z

1

You can use .tagName

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

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

answered Feb 2, 2018 at 14:14

Phiter

15k14 gold badges52 silver badges87 bronze badges

2 Comments

Karthik Rajan Over a year ago

No. Javascript is also okay for me. I am happy with this code. Thanks.

Keith Over a year ago

ps. If you wanted to do this with a jQuery selector, you can do this -> $('[name="sample"]').each((r,el) => console.log(el.tagName));

Bojan Ivanac · Accepted Answer · 2018-02-02 14:16:03Z

1

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].

answered Feb 2, 2018 at 14:16

Bojan Ivanac

1,1708 silver badges17 bronze badges

Comments

molinet · Accepted Answer · 2018-02-02 14:15:18Z

0

Use this:

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

same goes with select, textarea, etc.

answered Feb 2, 2018 at 14:15

molinet

2763 silver badges18 bronze badges

Collectives™ on Stack Overflow

Need to get TAG name by element name using Jquery [duplicate]

5 Answers 5

3 Comments

Comments

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

2 Comments

Comments

Comments

Linked

Related