Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用html元素属性查找和更改另一个html元素_Javascript_Jquery - Fatal编程技术网

Javascript 使用html元素属性查找和更改另一个html元素

Javascript 使用html元素属性查找和更改另一个html元素,javascript,jquery,Javascript,Jquery,我想在hashtag引用的特定div中附加一个活动类 例: lorem ipsum虚拟内容 lorem ipsum虚拟内容 lorem ipsum虚拟内容 我想在超链接单击时向每个div追加一个类。我的意思是,如果我单击带有href“#cont1”的锚定标记,则需要为div id“cont1”追加一个类名 对此的任何帮助都将不胜感激。id应该是唯一的,您不能为div use类添加相同的id <a onclick="test()">content1</a> <d

我想在hashtag引用的特定div中附加一个活动类

例:


lorem ipsum虚拟内容
lorem ipsum虚拟内容
lorem ipsum虚拟内容
我想在超链接单击时向每个div追加一个类。我的意思是,如果我单击带有href“#cont1”的锚定标记,则需要为div id“cont1”追加一个类名


对此的任何帮助都将不胜感激。

id应该是唯一的,您不能为div use类添加相同的id

<a onclick="test()">content1</a>
 <div class="cont1">lorem ipsum dummy content</div>
 //this is the javascript 
 function test(){
   $(".cont1").addClass('active');
 }
content1
lorem ipsum虚拟内容
//这是javascript
功能测试(){
$(“.cont1”).addClass(“活动”);
}

您可以使用
href
属性的值作为选择器<代码>$('a').on('click',function(){$($(this.attr('href')).addClass('active');})检查
<a onclick="test()">content1</a>
 <div class="cont1">lorem ipsum dummy content</div>
 //this is the javascript 
 function test(){
   $(".cont1").addClass('active');
 }