javascript - 为被点击的特定项目切换同一个类

Question

我有一个类，我们称它为在 CSS 中定义的“toggle-something”，我想将该类应用于每个被点击的项目。问题是我怎样才能缩短这段代码，所以只有一个点击功能可以处理所有项目..？

$('.first').on('click', function() {
     $('.item-first').toggleClass('toggle-something');
});

$('.second').on('click', function() {
     $('.item-second').toggleClass('toggle-something');
});

<button class="first">
  <div class="item-first">
    lorem
  </div>
</button>

<button class="second">
  <div class="item-second">
    ipsum
  </div>
</button>

.toggle-something {color: red;}

Answer 1

您可以使用 * 泛型选择器...

$('*').on('click', function(e) {
  e.stopPropagation();
     $(this).toggleClass('toggle-something');
});

.toggle-something{
background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>a</div>
<span>a</span>
<p>a</p>