Question

我通过使用追加功能获得重复值。以下是我的代码

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

对于第一次单击（表示选择）文本正在正确添加，但是对于第二次单击（表示取消选择），前一个附加文本不会被删除。

有谁知道如何解决这个问题？

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

jquery删除desellect上的附加值

2 个答案: