|
|||
Mit jQuery Zeilen nummerieren
Hi, ich setze schon seit längeren mein jQueryscript zum nummerieren der Zeilen ein. Das Script hat aber einen Schönheitsfehler und zwar wird die Nummerierung
bei jeder neuen Codezeile fortgesetzt, der Zähler also nicht auf die gewünschte Zahl. Kurzfassung:
HTML-Code:
<p> <!--StartFragment--><sub class="datei"><strong>CSS-Frame</strong>-Code</sub> <small class="highlight-datei">highlight- as: html</small><code class="codebox" title="Klicken Sie auf den Code, um ihn zu markieren."> <span class="number new " data-line="1" ></span> <br /><span class="number"> </span>Zeile1 <br /><span class="number"> </span>Zeile2 <br /><span class="number"> </span>Zeile3 <br /><span class="number"> </span>Zeile4 <br /><span class="number"> </span>Zeile5 <br /><span class="number"> </span>Zeile6 <br /><span class="number"> </span>Zeile6 <br /><span class="number"> </span>Zeile8 <br /><span class="number"> </span>Zeile9 </code> <p> <!--StartFragment--><sub class="datei"><strong>CSS-Frame</strong>-Code</sub> <small class="highlight-datei">highlight- as: html</small> <code class="codebox" title="Klicken Sie auf den Code, um ihn zu markieren."> <span class="number new " data-line="1" ></span> <br /><span class="number"> </span>Zeile1 <br /><span class="number"> </span>Zeile2 <br /><span class="number"> </span>Zeile3 <br /><span class="number"> </span>Zeile4 <br /><span class="number"> </span>Zeile5 <br /><span class="number"> </span>Zeile6 <br /><span class="number"> </span>Zeile6 <br /><span class="number"> </span>Zeile8 <br /><span class="number"> </span>Zeile9 </code> Code:
jQuery(document).ready(function(){ var l=0; if ($("code.codebox").find("span.nev")){ $( "span.numbers" ).each(function( index ) { l++; if ($(index).data("line")){ l = $(index).data("lines"); } $(index).css('color','red'); $(this).find("numbers").remove().end().prepend('<span class="lines">' + l + ". </span>"); }); } }); Mit freundlichen Gruß gabischatz |
Sponsored Links |
|
|||
Warum nutzt du nicht CSS und die Eigenschaft counter?
Beispiel dazu bei Mozilla unter https://developer.mozilla.org/en-US/...e/CSS/Counters
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Ab >IE7, sowie von allen anderen Browsern.
Siehe auch Can I use CSS Counters
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Ja Danke. Würde aber trotz alle dem eine Lösung meines Problems anstreben um weiter jQuery zu lernen.
Und wie kann ich mit einer nummer 5 weiter nummerrieren? Edit fiddle - JSFiddle Gefunden danke Code:
style="counter-reset: section+5;" Grüsse Geändert von gabischatz (07.11.2013 um 22:14 Uhr) Grund: Lösung gefunden |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen? | papalapap | Javascript & Ajax | 8 | 13.08.2012 23:00 |
jQuery - alternierende Zeilen | axelf | Javascript & Ajax | 4 | 27.01.2012 00:33 |
jquery beim klick html seite öffnen?! | dimo21 | Javascript & Ajax | 3 | 21.09.2011 21:20 |
jQuery (coda slider) und prototype (Lightbox) konflikt | computernerd | Javascript & Ajax | 3 | 21.09.2011 20:04 |
JQuery + Wordpress | VoinG | Javascript & Ajax | 0 | 29.12.2008 17:03 |