本文详解如何在 jQuery 中精准定位并修改 name="text[]" 这类数组命名的 input 元素的值，涵盖嵌套结构与非嵌套结构两种场景，推荐使用 .find() 和 .eq() 方法，避免字符串拼接带来的安全隐患与逻辑错误。
本文详解如何在 jquery 中精准定位并修改 `name="text[]"` 这类数组命名的 input 元素的值，涵盖嵌套结构与非嵌套结构两种场景，推荐使用 `.find()` 和 `.eq()` 方法，避免字符串拼接带来的安全隐患与逻辑错误。
在 Web 表单开发中，常需动态操作具有相同 name（如 name="text[]"）的一组 input 元素。初学者容易误用字符串拼接构造选择器（如 input[name="text[" + index + "]"]），但该写法无法匹配实际 HTML 中的 name="text[]" —— 因为浏览器解析时 [] 是固定后缀，并非带索引的动态键名（PHP 风格的数组提交机制仅在服务端解析，前端 DOM 中所有字段 name 均为字面量 "text[]"）。
✅ 正确做法分两类场景：
场景一：input 嵌套在触发元素内部（推荐）
当每个 .changetext div 内部直接包含对应 input 时，应利用 DOM 层级关系，用 $(this).find() 精准定位当前点击容器内的 input：
$(document).on('click', '.changetext', function(event) {
event.preventDefault();
$(this).find("input[name='text[]']").val("ok changed");
});
此方式语义清晰、性能高效，且完全规避索引计算错误风险。
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
场景二：input 与触发元素分离（需索引）
若 input 不在 .changetext 内部（例如独立排列），则需借助 .eq(index) 方法——它基于 jQuery 对象集合的零基索引安全取值，比字符串拼接更可靠：
$(document).on('click', '.changetext', function(event) {
event.preventDefault();
const index = $('.changetext').index(this); // 获取当前元素在同类集合中的位置
$("input[name='text[]']").eq(index).val("ok changed"); // 精确操作第 index 个 input
});
⚠️ 注意事项：
- ❌ 避免 $('input[name="text[' + index + ']"]')：该选择器试图匹配 name="text[0]"，但实际 HTML 中 name 是 text[]，导致始终查无结果；
- ✅ .eq(index) 返回单个 jQuery 对象，支持链式调用（如 .val()）；而原生数组访问 $('...')[index] 返回 DOM 元素，需用 .value 或 $(...).eq(index).val() 才能兼容 jQuery 方法；
- ? 使用事件委托 $(document).on(...) 适用于动态添加的元素，确保行为持久生效。
综上，优先采用上下文查找（.find()），仅在结构受限时选用 .eq() 配合索引。二者均简洁、健壮、符合 jQuery 最佳实践。
