Elementen vervangen

★ Open dom/replace.html. ★ Bekijk de broncode en test de pagina in een browser.

$('#replace1').click(function() {
    $('#lijst1 li.groen').replaceWith('<li><b>Cras augue</b></li>');
});
$('#replace2').click(function() {
    $('<li><b>Cras augue</b></li>').replaceAll('#lijst2 li.groen');
});

Met beide methodes kan u een element volledig vervangen. Bij replaceWith() staat de selector vooraan. Bij replaceAll() staat de vervangende code vooraan. In beide voorbeelden wordt elke li-tag met class .groen volledig door een nieuwe li-tag vervangen.