jquery - 通过类名模拟点击同一个div

Question

我有五个具有相同类名但有一些 <div> 的盒子s 也有另一个类(class)。 示例:

<div class="test one"></div>
<div class="test"></div>
<div class="test two"></div>
<div class="test three"></div>
<div class="test five"></div>

我使用此代码点击带有 .test 的框类，但它点击了所有框:

$('.test').click();

如何模拟点击第二个 <div> 只有有.test类名，而不是更多？

Answer 1

您可以返回所有带有 attr 的类并检查长度

$('.test').click(function() {
  var c = $(this).attr('class').split(' ').length;
  if (c == 1) {
    $(this).css('background', 'blue');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test one">Lorem ipsum dolor.</div>
<div class="test">Lorem ipsum dolor.</div>
<div class="test two">Lorem ipsum dolor.</div>
<div class="test three">Lorem ipsum dolor.</div>
<div class="test five">Lorem ipsum dolor.</div>

如果您总是希望只用test 类定位div，无论您点击哪一个，您都可以这样做Fiddle