[jquery] How can I get name of element with jQuery?

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

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

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

var name = $('#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

$('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.

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.