JQuery获取同级DIV问题

Question

HTML代码如下:<div id="leftpic">
            <div id="bigpic"><a href="#"><img src="images/pic1.gif" /></a></div>
            <div id="smallpic1"><a href="#"><img src="images/pic5.gif" width="75" height="50" /></a></div>
            <div id="smallpic2"><a href="#"><img src="images/pic2.gif" width="75" height="50" /></a></div>
            <div id="smallpic2"><a href="#"><img src="images/pic3.gif" width="75" height="50" /></a></div>
            <div id="smallpic2"><a href="#"><img src="images/pic4.gif" width="75" height="50" /></a></div>
 </div>JQuery代码:
   var i = 0;
            function timeout() {
                var src = "";
                var href = "";
                if (i == 3) {
                    i = 0;
                }
                if (i == 0) {
                    $("#bigimage").attr("src", $("#smallpic1 a img")[0].src);
                }
                else {
                   $("#bigimage").attr("src",$("#smallpic2 a img").eq(i))[0].src));
                }
                i = i + 1;
            }
            setInterval("timeout()", 1000);其实就要实现一个轮换图片的效果..可是这里
$("#smallpic2 a img").eq(i))[0].src 获取不到后面的div的ID...求助高手..最好能贴出代码..郁闷ing....

Answer 1

<div id="leftpic">
        <div id="bigpic"> <a href="#"> <img src="images/pic1.gif" /> </a> </div>
        <div rel="smallpic"><a href="#"><img src="images/pic5.gif" width="75" height="50" /> </a> </div>
        <div rel="smallpic"><a href="#"><img src="images/pic2.gif" width="75" height="50" /> </a> </div>
        <div rel="smallpic"><a href="#"><img src="images/pic3.gif" width="75" height="50" /> </a> </div>
        <div rel="smallpic"><a href="#"><img src="images/pic4.gif" width="75" height="50" /> </a> </div>
    </div>
    <script>
        var i = 0;
            function timeout() {                
                if (i == 3) {
                    i = 0;
                }
                var smallpic = $('div[rel=smallpic]:eq('+i+')');
                $("#bigimage").attr("src", $(smallpic).find('img').attr('src'));
                i++;
            }
            setInterval("timeout()", 1000); 
    </script>

Answer 2

谢谢 3楼的回答..我这个页面有多个img..能不能换种选择器????

Answer 3

$("#smallpic2 a img").eq(i))[0].src 获取不到后面的div的ID... 
？？这个能获取div ID?

Answer 4

还有怎么div id存在相同？

Answer 5

把下面三个img放到一个div里面试试？