jquery根据name获取对象
jQuery 根据 name 获取对象的方法
在 jQuery 中,可以通过元素的 name 属性来获取 DOM 对象。以下是几种常用的方法:
方法 1:使用属性选择器
$('[name="yourName"]')
通过属性选择器 [name="value"] 可以精确匹配 name 属性为指定值的元素。
方法 2:使用 :input 和 name 组合
$(':input[name="yourName"]')
此方法专门针对表单元素(如 input、select、textarea 等),筛选出 name 属性匹配的元素。

方法 3:获取多个相同 name 的元素
$('[name="yourName"]').each(function() {
console.log($(this).val()); // 遍历处理每个匹配的元素
});
如果页面中有多个相同 name 的元素,可以通过遍历方法(如 each)逐个处理。
方法 4:结合其他选择器

$('input[name="yourName"]').val(); // 获取 input 元素的值
$('select[name="yourName"] option:selected').val(); // 获取 select 选中的值
可以进一步细化选择范围,例如限定为 input 或 select 元素。
注意事项
- 确保
name值用引号包裹(单引号或双引号均可)。 - 如果
name包含特殊字符(如[]),需使用转义符\\,例如:$('[name="yourName\\[\\]"]')
示例代码
<input type="text" name="username" value="John">
<script>
var username = $('[name="username"]').val();
console.log(username); // 输出 "John"
</script>






