How can I get name of element with jQuery?

Question

How can I get name property of HTML element with jQuery?

Answer 1

To read a property of an object you use .propertyName or ["propertyName"] notation.

This is no different for elements.

var name = $('#item')[0].name;
var name = $('#item')[0]["name"];

---

If you specifically want to use jQuery methods, then you'd use the .prop() method.

var name = $('#item').prop('name');

---

Please note that attributes and properties are not necessarily the same.

Answer 2

The method .attr() allows getting attribute value of the first element in a jQuery object:

$('#myelement').attr('name');

Answer 3

var name = $('#myElement').attr('name');

Answer 4

Play around with this jsFiddle example:

HTML:

<p id="foo" name="bar">Hello, world!</p>

jQuery:

$(function() {
    var name = $('#foo').attr('name');

    alert(name);
    console.log(name);
});

This uses jQuery's .attr() method to get value for the first element in the matched set.

While not specifically jQuery, the result is shown as an alert prompt and written to the browser's console.

Answer 5

$('someSelectorForTheElement').attr('name');

Answer 6

If anyone is also looking for how to get the name of the HTML tag, you can use "tagName": $(this)[0].tagName