Regex zu HTML-Tag mit bestimmten Attribut

Question

zu Streifen habe ich einige invalidly verschachtelte HTML wie:

<form class="form1" method="get"> 
    <div> 
     <input name="field1"> 

    </form> 

    <form class="form2" method="get"> 
     <input name="field1"> 
    </form> 

</div> 

Ja, es ist ein Chaos, fragen Sie nicht. Die ungültige Verschachtelung verursacht woanders Probleme. jQuery Ich denke, erwartet eine Schließung </div>, und nur bei der letzten zu finden. Es behandelt dann das zweite <form>-Tag als ungültig und verwirft auch das schließende </form> unmittelbar darüber und nimmt an, dass alles zwischen den Zeilen 1 und 9 ein Formular ist.

Wenn ich diese Ausgabe an die Konsole:

• $('.form1).html() - alle Linie 1 - 9
• $('.form2).html() - undefined

Also, was ich versuche, das Ganze zu tun ist, behandeln Ding als String, und verwenden Sie Regex, um Form2 auszuziehen. Ich erwarte einen regex so etwas wie:

formText.replace(/(<form\b[^>]*>)[^<>]*(<\/form>)/gi, ""); 

aber ich bin nicht sicher, wie die spezifische Form mit class=form2 zu verweisen.
Es gibt auch ein Problem mit einer mehrzeiligen Zeichenfolge.

Update: hinzugefügt mehr Details, um zu beschreiben, warum jQuery remove() Methode nicht funktioniert. jQuery denkt nur, dass es leider eine Form gibt.

Answer 1

ich landete mit:

formText = formText.replace(/(<form\b[^>]*form2+.*>[\s\S]+<\/form>)/gi, ""); 

Die [\s\S] Matches alle Zeichen einschließlich \n und \r die Zeilenumbrüche zu decken.

Ich hätte wahrscheinlich den Teil der Regex, der sich mit dem Klassennamen befasst, genauer machen können, also wusste ich, dass es die Klasse war und nicht irgendeine andere Zufallsform mit einer ähnlichen, aber in der Praxis war es egal (es gab nur eine Instanz der 2. Form, mit einem sehr spezifischen Klassennamen).

Answer 2

Don't use regex to parse HTML. Da Sie jQuery verwenden, nur .remove() verwenden:

$(function() { 
    $(".form2").remove(); 
}); 

JSFiddle