问题描述

跪求大神指点一下思路上的问题

HTML代码如下:

 <div id="sj">
    <a href="#"><img src="img/y.png"  newsrc="img/y1.png"  >12</a>
    <a href="#"><img src="img/y2.png" newsrc="img/y22.png" >2</a>
    <a href="#"><img src="img/y3.png" newsrc="img/y33.png" >3</a>
    <a href="#"><img src="img/y4.png" newsrc="img/y44.png" >4</a>
</div>

js代码如下:

 window.onload=function() {
            var oSh = document.getElementById('sj');
            var oimg = oSh.getElementsByTagName('img');

            for (var i = 0; i < oimg.length; i++) {

                oimg[i].onclick=function()
                {
                 this.src=
                };
        }

            写到这里我就卡住了..我不知道怎么让当前的这个src替换成和他对应的newsrc.
            麻烦各位大神行行好.告诉小弟一下

解决方案

 this.src=this.getAttribute('newsrc')

解决方案二：

$(this).attr("src", $(this).attr("newsrc"));

解决方案三：

看不到网页的代码，只看见这些
js代码如下:
window.onload=function() {
var oSh = document.getElementById('sj');
var oimg = oSh.getElementsByTagName('img');
for (var i = 0; i < oimg.length; i++) {

        oimg[i].onclick=function()
        {
         this.src=
        };
}

你的意思是要把SRC属性换成新的吗？
可以用jQuery中attr(name|properties|key,value|fn) 设置或返回被选元素的属性值
不用你这样循环写的，jQuery本身就是链式操作。
$("#sj img").attr("src","newsrc");

解决方案四：

忘记绑事件了,
$("#sj img").bind("click", function(){
$(this).attr("src","newsrc");
});