下面两种JS代码写法有什么不同？为什么出来效果不一样？

Question

<div xpath="//FWB_DASHBOARDset">
                    <div class="dashboard-item" repeat="yes" xpath="FWB_DASHBOARD">
                        <div class="dashboard-sign"><img class="img01"/> </div>                        
                    </div>
                </div>
        var item_img=$(dashboard_item).find('.img01');
        $(item_img).attr("src","images/circle_"+item_status+"_16.png");
以及
        var item_img=$('.img01');
        $(item_img).attr("src","images/circle_"+item_status+"_16.png");
第一种出来后每条的图片根据item_status不同而不同，第二种图片都是一样的。为什么？整个HTML页面只有一个class=img01的标签

Answer 1

看了很久才明白
你用 var item_img=$('.img01');
 alert($(item_img).attr("src"));
看一下有没有设置正确

Answer 2

$(item_img).attr("src","images/circle_"+item_status+"_16.png");
这种方式，每次代码执行的时候，都会重新为所有class属性为img01的元素执行一次attr方法所以最后你看到都是同一张图片了

Answer 3

$('.dashboard_item').find('.img01').attr("src","images/circle_"+item_status+"_16.png");$('.img01').attr("src","images/circle_"+item_status+"_16.png");这两种方法应该是一样的效果才是呀就是觉得你的用法好像都有点问题
//这里得到的已经是一个jQuery对象了，后面使用时并不需要再$()
//而且：$(dashboard_item)是不是应该是$('.dashboard_item')
//如果你前面已经定义了var dashboard_item=$('.dashboard_item')，那这里直接使用：dashboard_item.find('.img01')即可
var item_img=$(dashboard_item).find('.img01');
item_img.attr("src","images/circle_"+item_status+"_16.png");第二种用法中对象的使用也有这样的问题