如果单击 div 但从其他元素中删除相同的元素，如何添加元素？

Question

我有一个 onclick function 如果单击 div 则添加一个元素

function clickOnADivToCreateLi(element) {
  var div = $(element);
  var i = document.createElement("i");
  $(i).addClass("fas fa-check-circle clicked");
  div.append(i);
}

但是当我单击另一个具有相同 class 的 div 时，我有两个具有相同<i>的 div，如果我再次单击该 div 将有 2 个<i>

如何添加<i>但同时将其从其他人中删除？

Answer 1

Select 与您分配给它的类匹配的i元素并在创建新实例之前调用remove() 。

另请注意，您的代码可以更简洁：

function clickOnADivToCreateLi(element) {
  $('i.fas.fa-check-circle.clicked').remove();
  $(element).append('<i class="fas fa-check-circle clicked" />');
}