javascript - 使用 jquery 添加和删除内容

Question

我认为我没有正确使用 .remove，因为它没有从 div“信息”中删除“关于加拿大的信息”，而是堆叠在“关于俄罗斯的信息”之上。

js

if (code == 'ca') {
        $('#info').append('<p class="i">info about canada</p>');
    } else if (code == 'ru') {
    $('#info').remove('.i');
        $('#info').append('<p class="i">info about russia</p>');
    }

html

<div id="info">
<h3>Info</h3>
</div>

Answer 1

如果您尝试替换 #info 的内容，请不要使用 remove、empty 或 append, 只需使用 html:

$('#info').html('<p class="i">info about russia</p>');