js 点击按钮改变 img路径求解~急急急~坐等！！！

爬不动的菜鸟 2014-09-16 01:08:04

<div class="11">
<a>
<img scr="images/1.jpg">
</a>
<a>
<img scr="images/2.jpg">
</a>
</div>

<div class="22">
<a>
<img scr="images/pro/1.jpg">
</a>
<a>
<img scr="images/pro/2.jpg">
</a>
</div>

<div class="div1"></div>
<div class="div2"></div>

怎么实现点击class div1把<div class="11">里面的img路径改成<div class="22">里面的路径？
急急急~~~坐等！！！

...全文

356 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

爬不动的菜鸟 2014-09-16

打赏
举报

引用 6 楼 ly12530 的回复:


$(function(){
    $(".div1").click(function(){
     $(".11").attr("src",$(".22").attr("src"));
    })
})

图片的scr 改成src

没用。。

Null_Reference 2014-09-16

打赏
举报


$(function(){
    $(".div1").click(function(){
     $(".11").attr("src",$(".22").attr("src"));
    })
})

图片的scr 改成src

wz_307 2014-09-16

打赏
举报

LZ的src写成scr了另外, 类名最好不要以纯数字命名.


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>document</title>
	<script type="text/javascript" src="script/jquery.js"></script>
	<script type="text/javascript">
		function a(){
			var html = $(".11").html();
			$(".22").html(html);
		}
	</script>
	<style type="text/css">
		
	</style>
</head>
<body>
	<button onclick="a()">change</button>
	<div class="11">
		<a href="#">
		 <img src="1.jpg" />
		</a>
		<a>
		 <img src="2.jpg" />
		</a>
	</div>

	<div class="22">
		<a>
		 <img src="3.jpg" />
		</a>
		<a>
		 <img src="4.jpg" />
		</a>
	</div>

	<div class="div1"></div>
	<div class="div2"></div>
</body>
</html>

爬不动的菜鸟 2014-09-16

打赏
举报

隐不掉。。。

l810591802 2014-09-16

打赏
举报

不行的话，写2个IMG吧，隐藏一个显示一个

爬不动的菜鸟 2014-09-16

打赏
举报

不行啊，能不能换路径的？

宁静志远 2014-09-16

打赏
举报

点击之后吧，11里面的内容换成22里的


	$(function(){
		$(".div1").click(function(){
			var str22=$(".22").html();
			alert(str22);
			$(".11").html(str22);
		})
	})

大约就是这个样子啦???? 主要是js的获取元素点击小图触发点击事件，先将原来被点击的取消被点击的样式（is-active） arr[i].classList.remove("is-active") 然后将现在的被点击的加上被点击的样式 arr[x-1].classList.add("is-active"); 最后改变大图的src就好了 ximg=arr[x-1].getElementsByTagName("img"); ximgUrl=ximg[0].src; document..

getElementByIdx_x为js自定义getElementById函数 document.getElementByIdx_x_xx_x=function(id){ if(typeof id =='string') return document.getElementByIdx_x_x(id); else throw new error('ID必须为string类型') } j

使用JavaScript实现点击‘上一张’，‘下一张’循环播放图片，并在头部标识出‘共6张图片，当前第 * 张’，练习代码展示：接下来先是效果图：接下来是代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <center..

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script language="JavaScript">

目录一、引入public中的img 二、引入assets中的img 三、通过require()函数动态引入路径四、css中background属性通过url()函数引入路径五、css中background属性通过url()函数动态引入路径六、通过组件动态引入路径七、组件引入public中的路径八、组件引入外部图片链接推荐<el-image>组件，其详细介绍见：https://element.eleme.cn/#/zh-CN/component/image 一

JavaScript

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

js 点击按钮改变 img路径 求解~~~急急急~~~坐等！！！

js 点击按钮改变 img路径求解~急急急~坐等！！！