主页 / 问题 / 1032894
Accepted
Aleksandr
Asked:2020-10-10 00:04:20 +0000 UTC2020-10-10 00:04:20 +0000 UTC

重新单击创建元素后如何删除元素？

  • 772

我写了一个条件，文本被添加到想要的父元素，但是当你再次点击元素时，它并没有被删除：

这是一个示例代码：

$(".item").click(function() {
  
  var text = $(this).text();

  $(this).toggleClass("active");

  $("#memory").append("&nbsp;<span>" + text + "</span>,");

  if ($(".item.active").length > 0) {
    $(".double-dots").show();
  } else {
    $(".double-dots").hide();
  }
});
.active {
  color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="filter-select">
  <div id="memory">
    <span>Встроенная память</span>
    <span class="double-dots" style="display: none">:</span>
  </div>

  <ul class="filter">
    <li class="item">256 GB</li>
    <li class="item">128 GB</li>
    <li class="item">64 GB</li>
    <li class="item">16 GB</li>
  </ul>
</div>

jquery

1 个回答

  1. Best Answer

    $(".item").click(function() {
  
  $(this).toggleClass("active");
  var text = "&nbsp;<span>" + $(this).text() + "</span>,";

  $("#memory").html($("#memory").html().replace(text, ""));
  if ($(this).hasClass("active")) {
    $("#memory").append(text);
  }
  
  if ($(".item.active").length) {
    $(".double-dots").show();
  } else {
    $(".double-dots").hide();
  }
});
    .active {
  color: red;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="filter-select">
  <div id="memory">
    <span>Встроенная память</span>
    <span class="double-dots" style="display: none">:</span>
  </div>

  <ul class="filter">
    <li class="item">256 GB</li>
    <li class="item">128 GB</li>
    <li class="item">64 GB</li>
    <li class="item">16 GB</li>
  </ul>
</div>

    • 1

相关问题