主页 / 问题 / 1218713
Accepted
Alex
Asked:2021-12-15 00:33:01 +0000 UTC2021-12-15 00:33:01 +0000 UTC

在块内的任何单击上添加类

  • 772

任务是为块中任意位置active的<div class="item">任何单击添加一个类.item。在这种情况下，主要困难在于该类仅适用于特定的.item.

我试图用这个脚本解决问题：

    $('.item').mouseup(function (e) {
    var container = $('.item');
    if (container.has(e.target).length === 0){
        container.removeClass('active');
    }
    });
.item {
  width: 100px;
  height: 100px;
}
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

javascript

1 个回答

  1. Best Answer

    $('.item').click(function (e) {
  $(this).toggleClass('active');
});
    .item {
  width: 100px;
  height: 100px;
}
.active {
  color: red;
  font-weight: bold;
}
    <div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    • 1

相关问题