jquery - jquery remove 選択解除時に追加された値

Question

追加機能を使用して重複値を取得しています。以下は私のコードです

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

最初のクリック (選択を意味する) ではテキストが正しく追加されますが、2 回目のクリック (選択解除を意味する) では前に追加されたテキストが削除されません。

誰もこれを解決する方法を知っていましたか?

Answer 1

append()関数をhtml()次のように置き換えるだけです

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

Answer 2

これにより、template-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 />');
});
});