在前端开发中，我们经常需要使用jQuery选择器来选取HTML元素，而其中一个常用的选择器是属性选择器。在属性选择器中，如果我们要选取特定名称属性中带有方括号的输入元素，该如何操作呢？
选择器语法
首先，让我们来看一下选择器的语法：$("[name='value']")。其中，name是属性名称，value是属性值。如果要选取名称属性中带有方括号的输入元素，我们只需要将方括号转义即可，即使用反斜杠“\”加上方括号：
$("[name='input\\[name\\]']")这样就可以选取到所有名称为“input[name]”的输入元素了。
示例代码
接下来，让我们看一下具体的示例代码。假设我们有以下HTML代码：
-- -------------------- ---- ------- ------ ------ --------------------------- ------ ----------- --------------- -------------- ---- ------ -------------------------- ------ --------------- --------------- -------------- ---- ------ ----------------------- ------ ------------ ------------ ----------- ---- ------ ------------------------- ------ ----------- ---------------- -------------- ------ ----------- ---------------- -------------- -------
要选取所有名称为“address[]”的输入元素，可以使用以下代码：
var addressInputs = $("[name='address\\[\\]']");
console.log(addressInputs);这样就可以将所有名称为“address[]”的输入元素打印出来了。
指导意义
名称属性中带有方括号的输入元素在一些特定的场景下会经常用到，比如表单提交时需要将多个相同名称的输入元素作为一个数组进行处理。掌握使用属性选择器选取这类元素的方法，可以提高开发效率，并且减少出错的概率。
总之，名称属性中带有方括号的输入的jQuery选择器虽然语法比较简单，但使用场景广泛，对于前端开发人员来说是一项必备技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9617
