jquery remove desellect附加價值

Question

我通過使用append函數獲得重複值。下面是我的代碼

$(function() { 
    $('.gallery_cont1').on('click',function(){ 
     $('#template-sel').append($(this).find('h2').text()+'<br />'); 
}); 
}); 

對於（表示選擇）文本正確添加第一次點擊，但對於第二次點擊（指取消）之前的附加文本沒有消除。

有沒有人知道如何解決這個問題？

Answer 1

只是html()取代append()功能這樣

$(function() { 
    $('.gallery_cont1').on('click',function(){ 
     $('#template-sel').html($(this).find('h2').text()+'<br />'); 
}); 
}); 

Answer 2

這將檢查是否模板-SEL元素的HTML已經等於從H2文本，以便再次點擊時，它應該刪除文字。

$(function() { 
$('.gallery_cont1').on('click',function(){ 
    if($('#template-sel').html()==$(this).find('h2').text()+'<br />') 
     $('#template-sel').html(''); 
    else 
     $('#template-sel').html($(this).find('h2').text()+'<br />'); 
}); 
});