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 />'); 
}); 
});