javascript - jQuery css 选择器匹配表单数组名称

Question

html

<input name="single">

<input name="multi[]">
<input name="multi[]">

<input name="multi_keys[my]">
<input name="multi_keys[key]">

jQuery

var match_single      = $('[name="single"]');
var match_multi       = $('[name="multi"]'); // No match
var match_multi_keys  = $('[name="multi_keys"]'); // No match

console.log(match_single.length);
console.log(match_multi.length);
console.log(match_multi_keys.length);

它只会匹配match_single，因为其他选择器都不正确。

如何让它们也匹配表单字段数组？

我可以这样做:

var match_multi       = $('[name="multi[]"]');

但是里面有 key ，不知道怎么匹配呢？我想这样写:

$('[name="multi_keys*');

Answer 1

您可以使用 ^= 来匹配属性的开头:

$('[name^="multi"]')

请注意，这将匹配两者 name="multi[]" 和 name="multi_keys[]"。如果您希望分别选择 multi[] 和 multi_keys[]，只需将左方括号添加到该选择器即可:

$('[name^="multi["]')

...和:

$('[name^="multi_keys["]')

---

[att^=val]

Represents an element with the att attribute whose value begins with the prefix "val". If "val" is the empty string then the selector does not represent anything.

– W3C's Selectors specification