主页 / 问题 / 1034443
Accepted
Aleksandr
Asked:2020-10-14 17:47:54 +0000 UTC2020-10-14 17:47:54 +0000 UTC

如果点击添加，如何记录添加的课程数量？

  • 772

告诉我，在使用参数计数类单击跨度时，我能够添加一个数字，但没有办法减少它。

在这里它补充说：

    var a = parameterCount.text();   
    parameterCount.html(1+parseInt(a));

但它减少了（但不能正常工作）：

    var b = parameterCount.text();   
    parameterCount.html(1-parseInt(b));

整个脚本：

var parameterCount = $('.parameter-count');

$(function() {

  $(".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();


      var a = parameterCount.text();
      parameterCount.html(1 + parseInt(a));
    } else {
      $(".double-dots").hide();


      var b = parameterCount.text();
      parameterCount.html(1 - parseInt(b));
    }
  });

});
.active {
  color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="title">Параметры (<span class="parameter-count">0</span>)</div>

<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

    我不知道你为什么这么痛苦，这里是一个简单的例子，没有任何复杂的计算））

    var parameterCount = $('.parameter-count');

$(function() {

  $(".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);
    }
   parameterCount.html($('.active').length); 
  });
  

  

});
    .active {
  color: red;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="title">Параметры (<span class="parameter-count">0</span>)</div>

<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>

    • 2

相关问题