Javascript或Jquery找到html数组长度

时间:2017-01-09 19:19:58

标签: javascript jquery html

给出以下html

<input name="altLocation[1][name]">
<input name="altLocation[1][location]">
<br>
<input name="altLocation[2][name]">
<input name="altLocation[2][location]">
<br>
<input name="altLocation[3][name]">
<input name="altLocation[3][location]">

有没有办法使用JS或jQ找到altLocation的长度?

3 个答案:

答案 0 :(得分:0)

document.querySelectorAll("input[name^=altLocation]").length; // `NodeList`

Array.from(document.querySelectorAll("input[name^=altLocation]")).length; // `Array`

答案 1 :(得分:0)

您可以获取任何jQuery选择器的length来告诉您已找到的数量。

jQuery还允许完整的css选择器,包括^='以'。

开头

您可以将2结合使用以获得以下内容。

不确定您是否想要6或3作为答案。如果您想要6而不是3,请删除/ 2

console.log($('input[name^=altLocation]').length / 2);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="altLocation[1][name]">
<input name="altLocation[1][location]">
<br>
<input name="altLocation[2][name]">
<input name="altLocation[2][location]">
<br>
<input name="altLocation[3][name]">
<input name="altLocation[3][location]">

答案 2 :(得分:0)

试试这个,假设每个&#34;元素&#34; altLocation的{​​{1}}&#34;属性&#34;:

name

JSFIDDLE DEMO