单击其他DIV上的超链接时添加一个类

Question

JsFiddle Here

单击超链接时，我正在尝试在h1上添加其他类，如果我单击第二个类，请清除第一个类并添加其他类

谢谢大家，希望这很清楚

C

Answer 1

我根据li的位置编写了一个简单的代码，以插入类的名称。 如果这不是您的需要，请给我另一个示例。

<amp-ad>

 var oldClass = $('div h1').attr("class");
 $("ul").on("click", "li", function() {
      var calssName =this.className;
     var position = $(this).index();
     
     if(position==0)
     {
       $('div h1').addClass(calssName).addClass("color-red");
       $('div h1').removeClass("color-green")
     }
     else if(position ==1){
       $('div h1').removeClass("color-red")
       $('div h1').addClass(calssName).addClass("color-green");
     }

})

.color-red{color:red;}
.color-green{color:green}

Answer 2

我不清楚您要更改的内容，但是您只需要向每个元素添加单击事件，并确保从事件处理程序中未单击的其他元素中删除该类。

Example CodePen

$(".hero-img-1").click(
 function(){
  $(this).addClass("bolder");
  $(".hero-img-2").removeClass("bolder");
 }
);

$(".hero-img-2").click(
  function(){
    $(this).addClass("bolder");
    $(".hero-img-1").removeClass("bolder");
  }
);