javascript - 如果输入元素具有相同的名称、不同的索引、相同的后缀，则迭代数组

Question

我有一些具有相同名称和后缀的输入元素，但这些输入有一个索引(数组)，如 parameterName[index].PropertyName

像这样:

<input type="text" name="stocks[0].Key" value="MSFT" />
<input type="text" name="stocks[1].Key" value="AAPL" />
<input type="text" name="stocks[n].Key" value="ZZZZ" />

如何迭代这些输入元素？

有点像

$("#stocks[x].Key").each

Answer 1

您可以在选择器中使用 starts with: ^ and ends with: $:

$('[name^="stocks["][name$="Key"]').each(function() {
    console.log($(this).val());
});

如果 name 属性值 starts 为 stocks[ 并且 ends 为 Key，这将选择元素。

演示:http://jsfiddle.net/tusharj/0wbzud85/2/

文档:https://api.jquery.com/attribute-equals-selector/