当前位置：首页 > jquery

jquery获取name的值

2026-03-16 20:44:28jquery

使用 jQuery 获取元素的 name 属性值

通过 jQuery 获取元素的 name 属性值可以使用 .attr() 方法或 .prop() 方法。以下是具体实现方式：

通过 .attr() 方法获取

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

selector 可以是元素 ID、类名、标签名或其他 jQuery 选择器。例如：

jquery获取name的值

// 获取 ID 为 "example" 的元素的 name 属性值
var name = $('#example').attr('name');

// 获取类名为 "input-field" 的第一个元素的 name 属性值
var name = $('.input-field').first().attr('name');

通过 .prop() 方法获取

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

.prop() 方法通常用于获取 DOM 属性，而 .attr() 用于获取 HTML 属性。对于 name 属性，两者通常返回相同结果。

jquery获取name的值

示例：获取表单输入框的 name 值

<input type="text" name="username" id="user-input" value="John">

var inputName = $('#user-input').attr('name');
console.log(inputName); // 输出 "username"

获取多个元素的 name 值

如果需要获取多个元素的 name 属性值，可以通过遍历实现：

$('input').each(function() {
    var name = $(this).attr('name');
    console.log(name);
});

注意事项

确保元素已加载完成后再执行 jQuery 代码，通常将代码放在 $(document).ready() 中：
```
$(document).ready(function() {
    var name = $('#element').attr('name');
});
```
如果元素没有 name 属性，上述方法会返回 undefined。