Divs mit ähnlicher ID löschen

html.de-Forum JavaScript
1

Hallo.

Ich habe in meiner Anwendung mehrere Divs mit ähnlicher ID, z.B. mein_div_1, mein_div_2, mein_div_3, etc.

Nun möchte ich alle Divs „unsichtbar“ schalten, deren ID mit „mein_div_“ beginnt. Leider ist es mit bisher noch nicht gelungen, dies mit Javascript zu lösen. Wie kann ich denn an alle Divs kommen und die Strings vergleichen?

Habt ihr eine Idee?

Danke,
jacquipre

2

Hallo!
Vielleicht hilft dir das hier weiter:

<script type="text/javascript"> function ausblenden () { var div_number = 3; for (var i = 1; var < div_number; i++) { document.getElementById("mein_div_"+i).style.display=none; } } </script>
oder so ähnlich :slight_smile:
LG nif7

3

ich würde es vermutlich so lösen (nicht getestet)

<script type="Text/Javascript">
<--
/* <![CDATA[ */

function similarIdVisibility(id,option) {
  var divs = new Array()
  var i = 0;

  divs = document.getElementsByTagName('div')
  for(i = 0; i <= divs.length; i++) {
    div_id = divs[i].getAttribute("id")
    if(div_id == null) continue
    if(div_id.indexOf(id) == -1) continue
    document.getElementById(div_id).style.display = option
  }
}

//Beispielaufruf (ausblenden):
similarIdVisibility("mein_div_", "none");

//Beispielaufruf (einblenden):
similarIdVisibility("mein_div_", "block");

/* ]]> */
-->
</script>

Viel spaß beim Tüfteln ^^

4

Ja, so ähnlich hab ich es jetzt auch hinbekommen.

Vielen Dank.