使用 html 元素属性来定位和更改另一个 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

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