jQuery - 通过“名称”选择一个元素属性

Question

我知道你可以使用 [name] 来做到这一点，但问题是我的输入名称属性包含方括号 [] :(

var thename = 'blah[blah][]'; // <- this value is dynamic
$("*[name='"+thename+"']").each()...

还有其他方法可以选择这个名称字段的元素？

Answer 1

你必须转义它们，你可以使用正则表达式替换来做到这一点

var thename = 'blah[blah][]'; // <- this value is dynamic
$("*[name='"+thename.replace(/\[/g, '\\\\[').replace(/\]/g, '\\\\]')+"']").each()...

或者创建一个函数

function esc(a) { return a.replace(/\[/g, '\\\\[').replace(/\]/g, '\\\\]'); }
var thename = 'blah[blah][]'; // <- this value is dynamic
$("*[name='"+esc(thename)+"']").each()...

Answer 2

If you wish to use any of the meta-characters 
( such as !"#$%&'()*+,./:;?@[\]^`{|}~ ) as a 
literal part of a name, you must escape the 
character with two backslashes: \\. 
For example, if you have an an element with 
id="foo.bar", you can use the selector $("#foo\\.bar"). 

引用自 http://api.jquery.com/category/selectors/

Answer 3

首先尝试在属性选择器中使用双引号：

$('*[name="'+thename+'"]').each()...

如果这不起作用，您可以使用 .filter() 方法，利用直接 DOM 访问：

$('input').filter(function() {
    return this.name == thename;
})...