How can I get name of element with jQuery?

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

You should use attr('name') like this

 $('#yourid').attr('name')

you should use an id selector, if you use a class selector you encounter problems because a collection is returned

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.

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

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.

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

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

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

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