js 判断是否有类名，在另外一个在增删类名

Question

我是tab效果，当选中效果class="trol active"的时候，dot增加pitch类名
否则pitch消失。
选中状态class=“active”

原始：
<div class="dot">
   <span>1</span>
   <span>2</span>
   <span class="trol">3</span>
   <span>4</span>
</div>
 
效果：
<div class="dot pitch">
   <span>1</span>
   <span>2</span>
   <span class="trol active">3</span>
   <span>4</span>
</div>

Answer 1

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
var int = self.setInterval("clock()", 1000);
function clock() {
    if ($(".trol").hasClass("active")) {
       $(".dot").addClass("pitch");
    }else{
      $(".dot").removeClass("pitch");
}
}
</script>

Answer 2

这个是我想要的效果