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

【问题标题】：How to add an element if a div is clicked but remove the same element from the others?如果单击 div 但从其他元素中删除相同的元素，如何添加元素？
【发布时间】：2020-09-05 20:12:57
【问题描述】：

我有一个 onclick 函数，如果单击 div 则添加一个元素

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

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

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

【问题讨论】：

$('i.fas.clicked').remove() 在你做任何事情之前。 api.jquery.com/remove

标签： javascript jquery createelement

【解决方案1】：

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

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

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

【讨论】：

哇，非常感谢您的快速响应，它成功了