Javascript 若输入元素具有相同的名称、不同的索引、相同的后缀，则迭代数组

我有一些具有相同名称和后缀的输入元素，但这些输入有一个索引数组，如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" />

<ul id="foo">
  <li id="1">
    <input type="text" name="stocks[0].Key" value="MSFT" />
  </li>
  <li id="2">
    <input type="text" name="stocks[1].Key" value="AAPL" />
  </li>
</ul>

您可以在选择器中使用以“^”开头，以“$”结尾：

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

如果name属性值以stocks[开头，以Key结尾，则会选择元素

演示：

文档：

您可以在选择器中使用以“^”开头，以“$”结尾：

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

如果name属性值以stocks[开头，以Key结尾，则会选择元素

演示：

---

文档：

将输入元素封装在ul和li中，如下所示：

<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" />

<ul id="foo">
  <li id="1">
    <input type="text" name="stocks[0].Key" value="MSFT" />
  </li>
  <li id="2">
    <input type="text" name="stocks[1].Key" value="AAPL" />
  </li>
</ul>

---

将输入元素封装在ul和li中，如下所示：

<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" />

<ul id="foo">
  <li id="1">
    <input type="text" name="stocks[0].Key" value="MSFT" />
  </li>
  <li id="2">
    <input type="text" name="stocks[1].Key" value="AAPL" />
  </li>
</ul>

---

我没有提到这个…但我也有其他类似的输入不喜欢选择，抱歉没有提到->更新：我会尝试：谢谢你这么多没有提到这个…但我也有其他类似的输入不喜欢选择，抱歉没有提到->更新：我会尝试：谢谢你这么多不能更改每个输入元素，bu你给出了一个好主意，似乎也可以将所有输入元素包装在一个div中，并查看此根div元素的所有子元素…我不能更改每个输入元素，但你给出了一个好主意，似乎也可以将所有输入元素包装在一个div中，并查看此根div元素的所有子元素。。。