使用jquery添加和刪除內容

Question

我不認爲我正確使用.remove，因爲不是「加拿大信息」被從div「info」中刪除，而是被放在「關於俄羅斯的信息」上。

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

我想通了......我用.empty代替。

Answer 2

他們是沒有必要的參數傳遞給remove ..

只要做到：

$('#info .i').remove(); 

，如果你正在試圖取代它會從$('#info') DIV

Answer 3

刪除.i#info的內容則不用remove,empty或append，只是用html：

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