Lesen Sie jede Zeile in einem element in jQuery

Nehme an, dass ich das html-markup:

<div id="wrapper">
 <pre class="highlight">
    $(function(){
    //hide all links except for the first
    $('ul.child:not(:first)').hide();
    $("a.slide:first").css("background-color","#FF9900");

    $('ul.parent a.slide').click(function(){
        $('ul.parent a.slide').css("background-color","#3399FF");

        $('ul.parent a.slide').mouseout(function(){
            $(this).css("background-color","#3399FF");
        });

        $('ul.parent a.slide').mouseover(function(){
            $(this).css("background-color","#66CC66");
        });
    });
    });
  </pre>
</div>

Was ist der einfachste Weg, um Lesen Sie jede Zeile code, die vorhanden in den div. Wie extrahiere ich die einzelnen code-Zeile aus, die div-oder Loop-Schleife über jede Zeile styling in irgendeiner Weise, die ich möchte.

Edit:

Habe ich die pre tag nach der wrapper-Klasse, berücksichtigen Sie bitte, dass auch.

Ich nehme an, Sie haben white-space: pre im CSS für #wrapper oder so?
Das ist das böse in seiner reinsten form.
Crowder: ja habe ich.

InformationsquelleAutor Sarfraz | 2010-04-07

  1. 15

    Meinst du etwas wie dieses:

    var lines = $("#wrapper pre").text().split("\n");
$.each(lines, function(n, elem) {
            console.log(elem);
          });

    Da dieser text (und nicht html), sollten Sie Sie als solche behandeln. Der einzige Weg, es zu tun ist, um es zu Lesen und dann die Verwendung von string-Routinen.

    bitte Lesen Sie meinen neuen edit auf die Frage. Dank
    Frage, was ist, wenn ich wollte, zu ersetzen einige der text in dieser Zeile nur, und aktualisieren Sie die DOM?

    InformationsquelleAutor kgiannakakis

  2. 3

    Meist müssen nur gerade JavaScript:

    var text;

text = $('#wrapper pre').text(); //Or .html, doesn't really matter with the input you showed
text = text.replace("\r\n", "\n"); //Just in case
text = text.split("\n");
//text is now an array of lines

    Manche Browser schneiden Sie die ersten Zeilenumbruch, manche nicht, so gibt es ein paar Sonderfälle (kein Wortspiel). Aber das ist im Grunde es.

    bitte Lesen Sie meinen neuen edit auf die Frage. Dank
    Was, wenn ich will ersetzen Sie text in eine Zeile basierend auf den Zustand und Aktualisierung DOM? Danke.

    InformationsquelleAutor T.J. Crowder

Schreibe einen Kommentar