✔ Unterschiedliche Anzahl Untermenüs verstecken

[U-Wasser-Gehaeuse]

Ich hab eine DB generierte Navigation die so aufgebaut ist:

<ul>
  <li>Hauptmenüpunkt</li>
  <li>Hauptmenüpunkt</li>
  <li>Hauptmenüpunkt</li>
  <li>
    <ul id="sub1">
       <li>Untermenüpunkt</li>
       <li>Untermenüpunkt</li>
       <li>Untermenüpunkt</li>
    </ul>
  </li>
  <li>Hauptmenüpunkt</li>
  <li>Hauptmenüpunkt</li>
  <li>
    <ul id="sub2">
       <li>Untermenüpunkt</li>
       <li>Untermenüpunkt</li>
       <li>Untermenüpunkt</li>
    </ul>
  </li>
 ........
</ul>

Nun mache ich die Untermenüs mittels Java script auf und zu.
Da ich Leuten die JS deaktiviert haben, die Untermenüs nicht verwehren will haben sie den display Wert 'block' per CSS bekommen.

Leider kann die Anzahl der Untermenüs varieren, und das gibt jetzt natürlich ein Problem wenn man alle Untermenüs beim Laden der Seite verstecken möchte.

Kann man das u.u. mit Regulären Ausdrücken lösen, also alle sub'0-9' oder mit einer Schleife die einfach immer hochzählt und überprüft ob das Elemtent vorhanden ist?

Über beispiele wie sowas aussehen könnte wäre ich euch dankbar.

 

[con-f-use]

var i = 1;
 while(obj = document.getElementById('sub'+i++))
 	obj.style.display='none';

Edit:
Wenn zufrieden bitte Beitrag als "erledigt" markieren.

 

[U-Wasser-Gehaeuse]

Dankeschön, funktioniert wunderbar.