当前位置：首页 > jquery

jquery获取name属性

2026-03-16 22:50:21jquery

jQuery获取name属性的方法

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

通过属性选择器获取元素

$('[name="yourName"]')

这种方式直接通过属性选择器匹配指定name属性的元素。

通过attr()方法获取name值

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

attr()方法可以获取匹配元素集合中第一个元素的属性值，将'selector'替换为实际的选择器即可。

jquery获取name属性

通过prop()方法获取name值

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

prop()方法用于获取匹配元素集合中第一个元素的属性值，适用于HTML5的布尔属性。

遍历多个元素的name属性

jquery获取name属性

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

使用each()方法可以遍历多个元素，获取每个元素的name属性值。

通过表单元素获取name

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

针对表单元素，可以通过input[name="yourName"]选择器直接获取特定name的输入框的值。

注意事项

attr()和prop()的区别在于，attr()获取的是HTML属性值，而prop()获取的是DOM属性值。
确保元素在DOM加载完成后才执行jQuery代码，可以将代码放在$(document).ready()中。

示例代码

$(document).ready(function() {
    // 获取单个元素的name属性
    var singleName = $('#elementId').attr('name');
    console.log(singleName);

    // 遍历多个元素的name属性
    $('.className').each(function() {
        console.log($(this).attr('name'));
    });
});