javascript - 如何选择只有特定类的元素？

Question

这是我的选择器:

doc.on("click", ".add_your_qora", function(e){

我的代码将选择这个:

<div class="add_your_qora"> whatever </div>

我的代码也会选择这个:

<div class="add_your_qora another_class_name"> whatever </div>

我想做的就是避免它。不应选择第二个元素，因为它没有only add_your_qora 类。我应该如何编写选择器？

Answer 1

检查当前元素是否Element.classList长度大于 1:

$(doc).on("click", ".add_your_qora", function(e) {
  if (this.classList.length > 1) return;

  console.log($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="doc">
  <button class="add_your_qora">only add_your_qora</button>
  <button class="add_your_qora another_class">has another class as well</button>
</div>