Testcase for jQuery 5316

replaceAll works

by jitter

HTML

<button id="one">Replace element with: &lt;div&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;2&lt;/p&gt;&lt;/div&gt;</button><br />
<button id="two">Replace element with: &lt;p&gt;1&lt;/p&gt;&lt;p&gt;2&lt;/p&gt;</button>

<div id="content">
    <div id="replaceme">
        This will be replaced.
    </div>
</div>
<div id="content2">
    <div id="replaceme2">
        This will be replaced.
    </div>
</div>

<div id="result" style="margin-top: 12px; font-size: 24px; color: green;"></div>

JavaScript

function showResults(sel) {
    if ($(sel).length == 2) {
        $('#result').text('PASS');
    } else {
        $('#result').text('FAIL').css('color', 'red');
    }
}
$('#one').click(function() {
    $('<div><p>1</p><p>2</p></div>').replaceAll('#replaceme');
    showResults("#content p");
    return false;
});

$('#two').click(function() {
    $('<p>1</p><p>2</p>').replaceAll('#replaceme2');
    showResults("#content2 p");
    return false;
});