test mit str.replace()

by juErik

HTML

<div class="content">

    <p id="p01">01. Ein kleiner Test (13)</p>
    <p id="p02">02. Ein längerer Test mit einem älteren Aufbau, aber Ähnlich</p>

     
     
<table cellpadding="8" width="100%" border="0">
    <tr>
        <td>endfernt aus 01. alle Zahlen:<br /> 
            <code>str.replace(/\d+/g, "")</code></td>
        <td>ergibt<br /><span></span></td>
    </tr>
    <tr>
        <td>tauscht  aus 01. Test / Rest:<br />
            <code>str.replace("Test", "Rest")</code></td>
        <td>ergibt<br /> <span></span></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

</div>

CSS

p{     color: #009900;     }
span{  color: #0000FF;     }
code{  color: #CC0000;  font-size: large;   }
span, code{ display: block;}

JavaScript

str01 = $('#p01').text();

$('td:eq(1)').find('span').text( 
    str01.replace(/\d+/g, "")     );  // das g (bei '/g,') bewirkt alle (sonst der erste)
$('td:eq(3)').find('span').html( 
    str01.replace("Test", "Rest") ); // geht komischerweise mit .text() nicht

    var str = "3. Mr Blue has a blue house and a blue car";
    $("body").append('<code> str.replace(/blue/g, "red")  </code>');
    $("body").append('<span>'+ str.replace(/blue/g, "red")  +'</span>'); // das mit dem gr. B nicht
    $("body").append('<br />');
    $("body").append('<code> str.replace(/blue/gi, "red")  </code>');     // also 'i' für Groß/Kleinschreibung
    $("body").append('<span>'+ str.replace(/blue/gi, "red")  +'</span>'); // das mit dem gr. B auch

    $("body").append('<hr />');

    t1 = "Die \"Anführungszeichen\" ersetzen. Die \"Anführungszeichen\" ersetzen.";
    t1 = t1.replace(" \"", " »");
    t1 = t1.replace("\" ", "« ");
    $("body").append('<span>'+ t1 +'</span>'); // Es werden nur die ersten umgewandelt

    $("body").append('<hr />zwei Argumente:');

    t1 = "Möge die Macht mit dir sein!";
    t2 = t1.replace('Macht', '»$&«');         // das '$&' setzt den passenden Teilstring ein
    $("body").append('<span>'+ t2 +'</span>');
// ==============================================================================