判断出现问题

Question

看上去你只给第一个a绑定了事件 $(".div a:gt(0)").click(function()
你说点 a3 a4没有添加样式，你可以调试下JS看是否触发了事件

Answer 1

这样写$(document).ready(function(){ 
 
  $(".div a:gt(0)").click(function(){
    $(this).toggleClass('active');
    $(".div a:first").addClass('active_1');
    var len = 0;
    $(".div a:gt(0)").each(function() {
      if($(this).attr("class") == "active") len++;
    });
    if(len == 0) {
      $(".div a:first").removeClass('active_1');
    }
  })     
});

Answer 2

版主 我这个效果是要用到手机上的 请问下zepto.js没有:gt()  能用什么方法替代吗

Answer 3

没有:gt()？不是说他兼容 jquery 吗？没有也没关系，你就 each 遍历一下就是了
比如
 $(".div a:gt(0)").click(function(){
就写作
 $(".div a").each(function(i) {
    if(i>0) $(this).click(function(){如果你给第二个以后的 a 再给个 class 属性，比如 <li><a href="javascript:;" class="a">a2</a></li>
就可以
 $(".div .a").click(function(){
这样写了

Answer 4

版主 请问下
$(".div a:first").click(function(){
  if(!$(this).hasClass("active_1")){
  if(!$(this).hasClass("active")){
  $(this).addClass('active');
  $(".div a:gt(0)").addClass('active_1');
  }else{
  $(this).removeClass('active');  
  $(".div a:gt(0)").removeClass('active_1');   
  }
  } 
  })
这里面的gt() 应该怎么替换