求一juqery页面操作？

Question

<img id="showHead" runat="server" src="../Images/touxiang00.jpg" alt="" /> 
<ul>
                <li>
                    <img id="head1" onclick="CopyImg('head1')" src="../Images/touxiang00.jpg" alt="头像1" /></li>
                <li>
                    <img id="head2" onclick="CopyImg('head2')" src="../Images/touxiang01.jpg" alt="头像1" /></li>
                <li>
                    <img id="head3" onclick="CopyImg('head3')" src="../Images/touxiang02.jpg" alt="头像1" /></li>
                <li>
                    <img id="head4" onclick="CopyImg('head4')" src="../Images/touxiang03.jpg" alt="头像1" /></li>
                <li>
                    <img id="head5" onclick="CopyImg('head5')" src="../Images/touxiang04.jpg" alt="头像1" /></li>
                <li>
                    <img id="head6" onclick="CopyImg('head6')" src="../Images/touxiang05.jpg" alt="头像1" /></li>
                <li>
                    <img id="head7" onclick="CopyImg('head7')" src="../Images/touxiang06.jpg" alt="头像1" /></li>
</ul>ul里有N多个img，当点击ul里的img后，把ul里的图片显示到id为showHead，用jquery该怎么写？

Answer 1

$("ul img").click(function(){
    var _img=$(this);
    $("#showHead").src=_img.attr("src")
})

Answer 2

$(function(){
$("ul li img").click(function(){
var src = $(this).attr("src");
alert(src)
$("#showHead").attr("src",src);
});
});
这样可以，但是那个onclick就多余了，可以去掉了

Answer 3

function CopyImg(obj){
var $id = "#"+obj;
alert($id)
var src = $($id).attr("src");
alert(src);
document.getElementById("showHead").src = src;
}
这样也可以，但是也要引入jquery库

Answer 4

如果不用jquery
可以这样 onclick="CopyImg(this)" function CopyImg(img)
{
document.getElementById("showHead").src = img.src;
}

Answer 5

   
 //查找id以head开头图片对象
 $("img[id^=head]").click(function(){    
        $("#showHead").attr("src",$(this).attr("src"));
    });

Answer 6

    <script>
    function CopyImg(id){
        $("#showHead").attr("src",$("#"+id).attr("src"));
    }
    </script>

Answer 7

谢谢各位，我尝试使用一下，用js很快就搞定了，但对jquery还不熟