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

Question

我有一个 onclick 函数，当 div 被点击时添加一个元素

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

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

如何添加 <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" />');
}

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

How to add an element if a div is clicked but remove the same element from the others?

javascript

jquery

createelement