jquery获取name属性值

获取元素的name属性值

使用jQuery获取元素的name属性值可以通过以下几种方法实现：

方法1：使用attr()方法

var nameValue = $('selector').attr('name');

selector可以是元素ID、类名、标签名等。例如获取ID为myElement的name属性：

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

方法2：使用prop()方法

var nameValue = $('selector').prop('name');

适用于表单元素，如input、select等。例如：

var inputName = $('input[type="text"]').prop('name');

方法3：通过属性选择器直接获取

var nameValue = $('[name="attributeValue"]').val();

适用于需要同时筛选特定name属性的元素。例如获取name为username的输入框值：

var username = $('input[name="username"]').val();

示例场景

获取表单输入框的name属性

// HTML: <input type="text" name="email" id="emailField">
var emailName = $('#emailField').attr('name'); // 返回 "email"

批量获取多个元素的name属性

$('.myClass').each(function() {
    console.log($(this).attr('name'));
});

注意事项

• 若元素无name属性，attr()和prop()返回undefined。
• 优先使用prop()处理表单元素的固有属性（如checked、name），attr()更适合自定义属性。
• 属性选择器（如[name="xxx"]）需确保值完全匹配，区分大小写。