Javascript oder Jquery html Array Länge

Question

Angesichts der folgenden 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]"> 

Gibt es einen Weg finden, um die Länge von altLocation mit JS oder jQ zu finden?

Answer 1

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

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

Answer 2

Sie können die length jeder jQuery-Selektor erhalten, Ihnen zu sagen, wie viele es gefunden hat.

jQuery ermöglicht auch vollständige css Selektoren, einschließlich ^= 'beginnt mit'.

Sie können die 2 kombinieren, um Folgendes zu erhalten.

Nicht sicher, ob Sie 6 oder 3 als Antwort haben wollten. Entfernen Sie einfach die / 2 wenn Sie nicht 6 3.

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

Answer 3

Versuchen Sie, diese wollten, unter der Annahme, dass jedes "Element" von altLocation eine name "Eigentum" hat:

var x = document.getElementsByTagName('INPUT'); 
var total = 0; 
for (var i = 0 ; i < x.length ; i++) 
    if (x[i].name && /^altLocation\[.*\[name\]$/.test(x[i].name)) 
    total++; 

alert('Length is: '+ total); 

JSFIDDLE DEMO