JavaScript/jQuery RegExp, etwas in einer Spanne Suche nach einer anderen Spanne Hinzufügen um

Question

So habe ich so etwas wie diese:

<article class="visible"> 
    <p class="p1"> 
     <span class="s1"> Home Fries $2.00</span> 
    </p> 
</article> 

Aber manchmal kann der Preis seines $45/$32 (so, zwei durch ein / getrennt Optionen). Ich habe herausgefunden, wie man das mit regExp (/([$]\w*(\/[$]\w*)?)/) bekommen kann. Was mich tötet, ist, alle Preise auf der Seite zu finden und sie in einer anderen Spanne mit einer bestimmten Klasse zu verpacken. Ich weiß, ich kann .wrap() auf jQuery verwenden, aber was ich habe Probleme mit der finding Teil.

Irgendwelche Hilfe bitte?

Answer 1

Sie können regex leicht zum Finden von Zieltext verwenden. Verwenden Sie .html(function), um HTML des Elements zu ändern.

$(".s1").html(function(i, html){ 
 
    return html.replace(/([$][\d\.]+)/g, "<span class='s2'>$1</span>"); 
 
});

.s1 { color: blue } 
 
.s2 { color: red }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<article class="visible"> 
 
    <p class="p1"> 
 
     <span class="s1"> Home Fries $2.00</span> 
 
    </p> 
 
</article>