87,909
社区成员
发帖
与我相关
我的任务
分享jquery更换img的src
<table id="table1" cellpadding="5" cellspacing="5">
<tr>
<td>
<img alt="" src="柱形图/a.png" />
</td>
<td>
<img alt="" src="条形图/b.png" />
</td>
</tr>
<tr>
<td>
<img alt="" src="雷达图/c.png" />
</td>
<td>
<img alt="" src="饼形图/d.png" />
</td>
</tr>
</table>
我想把src改为散点图下面的 (柱形图,条形图,雷达图,饼形图和散点图文件夹下面都有a,b,c,d的png文件)
一个一个改是可以,但我想是不是可以用优雅的方式修改(比如一条语句),这个是不是要用到正则表达式???
<tr>
<td>
<img alt="" src="柱形图/a.png" />
</td>
<td>
<img alt="" src="条形图/b.png" />
</td>
</tr>
<tr>
<td>
<img alt="" src="雷达图/c.png" />
</td>
<td>
<img alt="" src="饼形图/d.png" />
</td>
</tr>
</table>
我想把src改为散点图下面的 (柱形图,条形图,雷达图,饼形图和散点图文件夹下面都有a,b,c,d的png文件)
一个一个改是可以,但我想是不是可以用优雅的方式修改(比如一条语句),这个是不是要用到正则表达式???
...全文
请发表友善的回复…
发表回复
love322093 2010-09-21
- 打赏
- 举报
嗯
不错
刚刚好学到这里
不错
刚刚好学到这里
gistop 2010-05-13
- 打赏
- 举报
楼上大哥过于强悍．你的存在是让我来崇拜的么？
stayalive 2010-05-13
- 打赏
- 举报
<script type="text/javascript">
//<![CDATA[
$(function(){
$('#table1 img').each(function(i,o){
var $o=$(this);$o.attr('src',$o.attr('src').replace(/images\/dialog\/query\/detail\/.*\//g,'images\/dialog\/query\/detail\/散点图\/'));
});
});
//]]>
</script>
gistop 2010-05-13
- 打赏
- 举报
楼上大哥的确实能更换地址
不过我实际地址是这样的
images/dialog/query/detail/柱形图/a.png
上面的replace中怎样写才能更换成
images/dialog/query/detail/散点图/a.png
这样的呢??
正则表达式看得一头雾水
不过我实际地址是这样的
images/dialog/query/detail/柱形图/a.png
上面的replace中怎样写才能更换成
images/dialog/query/detail/散点图/a.png
这样的呢??
正则表达式看得一头雾水
stayalive 2010-05-13
- 打赏
- 举报
<script type="text/javascript">
//<![CDATA[
$(function(){
$('#table1 img').each(function(i,o){
var $o=$(this);$o.attr('src',$o.attr('src').replace(/.*\//g,'散点图\/'));
});
});
//]]>
</script>
阿非 2010-05-13
- 打赏
- 举报
var temp_src = "散点图" + src.substring(src.length-6,src.length);
--------------------------------------------------------------------
不要使用这种， 可以用 indexOf 查找 / 的位置 然后截取
如果你的截取规则比这复杂的话 才考虑使用正则
--------------------------------------------------------------------
不要使用这种， 可以用 indexOf 查找 / 的位置 然后截取
如果你的截取规则比这复杂的话 才考虑使用正则
passself 2010-05-13
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
$("img").each(function(){
var src = $(this).attr("src");
var temp_src = "散点图" + src.substring(src.length-6,src.length);
$(this).attr("src",temp_src);
});
});
</script>
</head>
<body>
<table id="table1" cellpadding="5" cellspacing="5">
<tr>
<td>
<img alt="" src="柱形图/a.png" />
</td>
<td>
<img alt="" src="条形图/b.png" />
</td>
</tr>
<tr>
<td>
<img alt="" src="雷达图/c.png" />
</td>
<td>
<img alt="" src="饼形图/d.png" />
</td>
</tr>
</table>
</body>
</html>
换图要用规律，正则也不是非常准确的
灬上海爽爷 2010-05-13
- 打赏
- 举报
把src改为散点图下面的是什么意思。JQUERY能直接改SRC。
$("img").attr("src","test.jpg");
$("img").attr("src","test.jpg");
挨踢直男 2010-05-13
- 打赏
- 举报
<script language="javascript">
var objarr = document.getElementById("table1").getElementsByTagName("img")
objarr][0].src="散点图/a.png"
objarr][1].src="散点图/b.png"
objarr][2].src="散点图/c.png"
objarr][3].src="散点图/d.png"
</script>
var objarr = document.getElementById("table1").getElementsByTagName("img")
objarr][0].src="散点图/a.png"
objarr][1].src="散点图/b.png"
objarr][2].src="散点图/c.png"
objarr][3].src="散点图/d.png"
</script>
