so entfernen Sie tags mit JavaScript reguläre Ausdrücke

Ich habe einen JavaScript-string mit HTML so:

<div>
 <div class="a">
  content1
 </div>
 content 2
 <div class="a">
  <b>content 3</b>
 </div>
</div>

und ich möchten, entfernen Sie die div ' s der class="a", sondern lassen Ihre Inhalte.
In Python würde ich so etwas wie:

re.compile('<div class="a">(.*?)</div>', re.DOTALL).sub(r'\1', html)

Was ist das äquivalent mit Javascript reguläre Ausdrücke?

  • Hier gehen wir wieder... HTML und regex ist eine Einladung zur doom. (stackoverflow.com/questions/1732348/...)
  • Nicht in diesem Fall jedoch, da der HTML-Code generiert der server-Seite von mir
  • Warum nicht Sie erzeugen es, ohne den tags, die Sie nicht wollen?
  • Denn dies ist für einige dynamische client-seitige Funktionalität
InformationsquelleAutor hoju | 2010-01-07
  1. 2

    Können Sie erreichen es mit regulären Ausdrücken in JavaScript

    var html = '<div> <div class="a"> content1 </div> <div class="a"> content1 </div> ... </div>';
var result = html.replace(/<div class="a">(.*?)<\/div>/g, function(a,s){return s;});
alert(result);

    RegExp-Methode replace nimmt zwei Parameter entgegen - der erste ist die eigentliche re und der zweite ist der Ersatz. Da es nicht eine, sondern unbekannte Anzahl der Ersetzungen ist dann eine Funktion verwendet werden kann.

    • +1 nicht kennen, können Sie geben eine Funktion zu ersetzen
    • Es gibt eine Menge von unbekannten und unterbewerteten Funktionen in JavaScript - Flanagan JavaScript-Referenz war ein echter eye-opener für mich in diesem Bereich.
    InformationsquelleAutor Andris
  2. 5

    Warum nutzen Sie nicht die richtige DOM-Methoden? Mit ein wenig Hilfe von jQuery, das ist genial einfach:

    var contents = $('<div><div class="a">content1</div>content 2<div class="a"><b>content 3</b></div></div>');

contents.find('.a').each(function() {
    $(this).replaceWith($(this).html());
});
    • Dies ist nicht eine Antwort auf die Frage.
    InformationsquelleAutor Tatu Ulmanen
  3. 0

    Wenn Sie dies tun wollen in Javascript, ich vermute, dass Sie es läuft in einem web-browser, und die "javascript-string" finden Sie extrahiert wurde aus dem DOM in gewisser Weise.
    Wenn beide dieser Fall wahr ist, dann würde ich sagen, es wäre eine gute Idee, mit einem erprobten und getesteten javascript-Bibliothek wie JQuery (da gibt Es auch andere gibt, aber ich glaube nicht, verwenden Sie diese, so kann nicht wirklich kommentieren)
    JQuery es erlaubt, on-the-fly DOM-Manipulationen, wie Sie es beschreiben, die mit relativer Leichtigkeit...

    $('div.a').each(function(){$(this).replaceWith($(this).html());});

    JQuery ist definitiv eines dieser tools, die sich auszahlt - eine failry kurze Lernkurve und eine ganze Menge power.

    • Für meinen speziellen Anwendungsfall-die Manipulation des DOM ist zu langsam
    • Nach Ihren Kommentaren zu anderen posts, erzeugen Sie die Markierung auf der server-Seite, sondern wollen dynamische client-seitige Funktionalität - soweit ich weiß, dies kann nicht getan werden, ohne manipulieren des DOM. Bin ich etwas fehlt?
    • Ja, ich bin das senden dieser parsed html zurück an den server mit unwichtigen tags entfernt für schnelleres laden
    • Ok - das erklärt das fehlen von DOM-manipulation. Es sieht aus wie die vorgeschlagene Methode von Andris ist Ihre beste Wette. Ich wäre jedoch daran interessiert, dass mehr Informationen über die Daten wird übergeben, um, wie ich kann nicht umhin zu denken, dass die ganze Sache ist ein bisschen ein bodge (Obwohl dies möglicherweise gezwungen sein, auf Sie durch den Kunden und/oder legacy-code)
    InformationsquelleAutor belugabob
Schreibe einen Kommentar