如何在每次新点击时闪烁（隐藏/清除/删除）之前附加的值？

Question

每当我点击时，都会附加新值，但也会显示之前的值。如何在每次新点击时清除以前附加的值？

这里是php函数中使用的onclick

echo "<a href='#' onclick=chat_com('$name'); >$name </a><br>";  // suppose this dispalyes a,b,c

这是附加此值的jquery函数。

function chat_com(name) {
    $('#appendto').append(name);
}

这是附加值的HTML div。

<div id="appendto"></div>

首次点击a时，会在第二次点击a,b时显示b。

Answer 1

$("#appendto").empty().append(name);

Answer 2

使用此

function chat_com(name) {
$("#appento").html("")

$('#appendto').append(name);

   }

或

  $('#appendto').empty().append(name);

Answer 3

而不是追加使用html。这将自动刷新旧的HTML。

$('#appendto').html(name);