jQuery - 在3个div表兄弟之间切换.active类

Question

我想在当前将.section-resources作为一个类的3个div中的任何一个之间切换.test-active类。一次只有一个div应该有.test-active。

因为它是.test-active正被添加到所有3个div。

任何帮助都是赞赏和抱歉的noobness，这是我的第一篇文章。 ：P

jQuery(document).ready(function($) {
  $(document).ready(function() {
    $('.section-resources').click(function(e) {
      if ($('this').not('.test-active')) {
        $('.section-resources').addClass('test-active');
      } else if ($('.section-resources').hasClass('test-active')) {
        $('this').removeClass('test-active');
      } else {
        $('this').addClass('test-active');
      }
      e.preventDefault();
    });
  });
});

.test-active {
  border: 1px solid #ff0000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="frame">
  <div>
    <a href="#!">some link</a>
    <div class="section-resources"><a href="">Lorem ipsum dolor sit amet</a> 
    </div>
    <div>
      <a href="#!">some link</a>
      <div class="section-resources"><a href="">Lorem ipsum dolor sit amet</a> 
      </div>
      <div>
        <a href="#!">some link</a>
        <div class="section-resources"><a href="">Lorem ipsum dolor sitamet</a> 
        </div>
      </div>

Answer 1

试试这个：

$('.section-resources').click(function(target) {
        $('.section-resources').removeClass('test-active');
        $(target).addClass('test-active');
      target.preventDefault();
    });