ul li navi splitten

[neuhier2]

Moin,

wie mein Nick euch zu erkennen gibt, bin ich neu hier
Ich hoffe, dass ihr mir bei meinem Problem weiterhelfen könnt.

Diese Konstellation:

<div class="panel">
<ul>
 <li> Link1 </li>
 <li> Link2 </li>
 <li> Link3 </li>
 <li> Link4 </li>
 <li> Link5 </li>
 <li> Link6 </li>
</ul>
</div>

würde ich gerne in folgendes umwandeln:

<div class="panel">
<ul>
 <li> Link1 </li>
 <li> Link2 </li>
</ul>
</div>
<div class="panel">
<ul>
 <li> Link3 </li>
 <li> Link4 </li>
</ul>
</div>
<div class="panel">
<ul>
 <li> Link5 </li>
 <li> Link6 </li>
</ul>
</div>

Nun ist natürlich die Frage, ob man die <li> Tags einzeln in ein Array einliest und das anschließend nach jedem x. Tag splittet, so dass man am Ende mehrere Arrays hat?

Oder kann man evtl. durch die <li>-Tags iterieren und nach jedem x. Tag weiteren HTML-Code einfügen? (quick&dirty)

[Christian Marquardt]

http://jquery.com/

bietet dir komfortable Methoden zum Codeaustausch

http://api.jquery.com/category/manipulation/

Warum wird das dann nicht gleich in HTML so codiert und muss nachher ausgetauscht werden?

[neuhier2]

http://jquery.com/

bietet dir komfortable Methoden zum Codeaustausch

http://api.jquery.com/category/manipulation/

Danke, diese Links kenne ich bereits. Ich wäre dir dankbar, wenn du mir einen Lösungsvorschlag -bzw. Beispiel- geben könntest.

Warum wird das dann nicht gleich in HTML so codiert und muss nachher ausgetauscht werden?

Das ist eine Navigation die durch Typo3 erzeugt wird. Ich habe breits mit TSconfig ein split erzeugen können. Das Problem liegt nur leider im Detail und bringt dieses Thema nicht weiter.

[Christian Marquardt]

Ich kann nicht hellsehen und wissen was du schon kennst.

Und wenn du sie kennst, würde ich anhand obiger Bibliothek wie folgt vorgehen:

- im ursprünglichen Panel die Links 3-6 entfernen
- sich die entfernten Links in einem Array merken
- nach dem ursprünglichen Panel zwei neue divs einzufügen, die die entfernten Links enthalten (auslesen aus dem Array)

Beispiele sind auf der o.a. Seite zu jedem Befehl zu finden

[neuhier2]

danke, perfekt. Das hatte ich mir ebenso gedacht. Wenn du mir noch sagen könntest, wie ich die <li>-Tags inklusive Inhalt, in diesem Fall <a>-Tags in einem Array abspeichern kann, bin ich vollkommen zufrieden!

[Christian Marquardt]

Das sollte mit http://api.jquery.com/html/ gehen

[neuhier2]

vielen Dank! Hat super funktioniert. Habe nun mit split weitergearbeitet.

[Christian Marquardt]

..fein :-)

[Falk Prüfer]

...wie mein Nick euch zu erkennen gibt, bin ich neu hier

Also können wir davon ausgehen, dass du ein Forenhopper bist und nicht lange bleibst...