jquery通配符用于带有数组符号的复杂输入名称

Question

我有 text 类型的复杂输入元素，其名称如 product[1][combinations][x][price]。此元素有很多个，名称上的区别仅在于 [combinations] 和 [x] 后面的值。

例如:

product[1][price]
product[1][combinations][x][price]
product[1][combinations][xx][price]
product[1][combinations][xxx][price]
product[1][combinations][xxxx][price]

product[1][sale_price]
product[1][combinations][x][sale_price]
product[1][combinations][xx][sale_price]
product[1][combinations][xxx][sale_price]
product[1][combinations][xxxx][sale_price]

product[2][price]
product[2][combinations][a][price]
product[2][combinations][aa][price]
product[2][combinations][aaa][price]
product[2][combinations][aaaa][price]

product[2][sale_price]
product[2][combinations][a][sale_price]
product[2][combinations][aa][sale_price]
product[2][combinations][aaa][sale_price]
product[2][combinations][aaaa][sale_price]

上述值x、xx、xxx、xxxx和a 、aa、aaa、aaaa 表示每个product[id] 的唯一值。每个组中的第一个定义(例如product[2][sale_price])代表父产品或所有者产品，其值将批量更新到其子产品(组合)。

我想根据存储的信息类型(例如 sale_price)查找这些元素的组，然后更改其值。我不需要考虑唯一值，[x]，所以我希望可以使用通配符。

我希望这样的事情能够解决问题(示例):

$("input[name='product[1][combinations][*][price]'][type='text']").val(0);

但是我猜 * 并不是真正的通配符，所以我不能那样使用它。

我意识到我可以做这样的事情，但这会将 0 分配给所有输入，而不仅仅是 sale_price:

$("input[name^='product[1][combinations]'][type='text']").val(0);

我如何替换这个($("input[name='product[1][combinations][*][price]'][type='text']").val(0); ) 选择器带有适当的通配符？如果可能的话，我希望保持名称数组值的顺序相同

Answer 1

不确定这是否是您想要的...但您可以使用带有 $ 的属性选择器，这会选择所有以指定文本结尾的输入...因此

$("input[name$='[price]']").val(0);
$("input[name$='[sale_price]']").val(1);

实际上你并不需要[type='text']上面的选择器将获取名称以字符串结尾的元素...但是如果你想更具体并且确保您只需要输入然后就可以了..您也可以在此处添加相同的内容。

example fiddle here

已更新

然后您可以使用多个属性选择器..^ 搜索以指定字符串开头的元素

$("input[name^='product[1]'][name$='[price]']").val(0);
$("input[name^='product[1]'][name$='[sale_price]']").val(1);

updated fiddle