Javascript: Holen Sie sich alle Elemente mit der id id[x]

Mithilfe von javascript wie bekomme ich die Anzahl der vorhandenen Elemente mit der id id[x]?

Beispiel-HTML:

<input name="vrow[0]" id="vrow[0]" value="0" type="text"/>
<input name="vrow[1]" id="vrow[1]" value="0" type="text"/>
<input name="vrow[2]" id="vrow[2]" value="0" type="text"/>
<input name="vrow[3]" id="vrow[3]" value="0" type="text"/>

Den oben genannten html-Code wird generiert abhängig von Benutzereingaben. Wie kann ich feststellen, wie viele Elemente vorhanden sind, mit javascript?

Derzeit kann ich erkennen, Vorhandensein eines Elements, wie dies

Javascript-Beispiel

if(document.getElementById('vrow[0]')){
var row=0;
    }
if(document.getElementById('vrow[1]')){
row=1;
    }
...
InformationsquelleAutor abel | 2010-09-15
  1. 17

    [] sind keine gültigen Zeichen in ID-Attribute in HTML4.01. Sogar in HTML5, jedoch, verwenden Sie das Attribut "name" (ohne die numerischen Indizes), und verwenden Sie dann getElementsByName():

    <input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
    var vrows = document.getElementsByName("vrow");
alert(vrows.length);

    Beachten Sie, dass ältere Versionen von IE und Opera zurückkehren können Elemente mit id Attribute, die denselben Wert haben wie der angegebene name in getElementsByName(). IE kann auch nicht zurück-input-Elemente mit einem name-Attribut den gleichen Wert.

    • FWIW, getElementsByName() nicht unterstützt in IE oder Opera. Oder vielmehr, es unterstützt wird, aber nicht korrekt: quirksmode.org/dom/w3c_core.html
    • danke. Grundlagen der Materie.
    • Sofern man sich für solche Fragen, sollte es keine Probleme geben. Aktualisiert meine Antwort zu reflektieren.
    InformationsquelleAutor Andy E
  2. 4
    var inputTags = document.getElementsByTagName('INPUT');
var count=0;
for(var i=0;i<inputTags.length;i++)
if(inputTags[i].id.contains('vrow[')
count++;
    • interessant. aber ich bekomme ein Object nicht unterstützt diese Eigenschaft oder Methode nicht.
    InformationsquelleAutor Vinay B R
  3. 3

    Wenn aus irgendeinem Grund Sie wollen stick mit den Namen der input-Elemente, die Sie verwenden können:

    var inputs = Array.prototype.slice.call(document.getElementsByTagName('input'));
var rows = inputs.filter(function (el) { return el.name.indexOf('vrow[') == 0 });
alert(rows.length);
    InformationsquelleAutor Juan A. Navarro
  4. 2

    getElementById gibt immer ein element (da die id eindeutig sind). getElementsByName kann Ergebnis eine Liste der Elemente.

    <html>
<head>
 <script>
  function getElements() {
   var elements = document.getElementsByName("vrow[]");
   alert(elements.length);
  }
 </script>
</head>
<body onload="getElements()">
<input name="vrow[]" id="vrow_0" value="0" type="text"/>
<input name="vrow[]" id="vrow_1" value="0" type="text"/>
<input name="vrow[]" id="vrow_2" value="0" type="text"/>
<input name="vrow[]" id="vrow_3" value="0" type="text"/>
</body>
</html>
    InformationsquelleAutor Mark Baijens
  5. 2

    Wenn Sie verwenden eine JavaScript-Bibliothek mit einer abfragefunktion unterstützt CSS3, etwa als Prototyp, können Sie mithilfe der attribute beginnt-mit-Selektor zu finden, die id-Attribute beginnend mit vrow[

    Also im Prototyp das wäre

    $$('input[id^=vrow[]').each

    NB dies ist ungetestet, müssen Sie möglicherweise zu entkommen, die [ in der Auswahl

    Prototyp $$ Funktion

    InformationsquelleAutor Mark Chorley
Schreibe einen Kommentar