使用html elements属性来定位和修改另一个html元素

Question

我想为标签引用的特定div添加一个活动类。

,

<a href="#cont1">content1</a>
<a href="#cont2">content2</a>
<a href="#cont3">content3</a>
<div id="cont1">lorem ipsum dummy content</div>
<div id="cont1">lorem ipsum dummy content</div>
<div id="cont1">lorem ipsum dummy content</div>

我想在超链接单击上为每个div附加一个类。我的意思是，如果我点击锚标记与href "#cont1"，一个类名需要追加div id "cont1"。

Answer 1

id应该是唯一的，你不能为div添加相同的id使用class代替

<a onclick="test()">content1</a>
 <div class="cont1">lorem ipsum dummy content</div>
 //this is the javascript 
 function test(){
   $(".cont1").addClass('active');
 }