Javascript JQuery更改一组图像中的图像

我有一个动态列表，每行包含6个图像图标。下面的代码

<div class='list_body'>
<div class='lister1'>
    <img data-icon_no='1' data-job_id='"+job_id+"' data-icon_status='"+split_stats[0]+"' src='"+path+stat1+"' class='q1' />
    <img data-icon_no='2' data-job_id='"+job_id+"' data-icon_status='"+split_stats[1]+"' src='"+path+stat2+"' class='q1' />
    <img data-icon_no='3' data-job_id='"+job_id+"' data-icon_status='"+split_stats[2]+"' src='"+path+stat3+"' class='q1' />
    <img data-icon_no='4' data-job_id='"+job_id+"' data-icon_status='"+split_stats[3]+"' src='"+path+stat4+"' class='q1' />
    <img data-icon_no='5'  data-job_id='"+job_id+"' data-icon_status='"+split_stats[4]+"' src='"+path+stat5+"' class='q1' />
    <img data-icon_no='6' data-job_id='"+job_id+"' data-icon_status='"+split_stats[5]+"' src='"+path+stat6+"' class='q1' />
 </div>

 <div class='lister'>"+name+"</div>
    <div class='lister'>"+time+"</div>
    <div class='lister'><a href='javascript:void(0);'>View Appointment &amp; Actions</a>
    </div>
 </div>
</div>

（这是希望更改第一个图标，但不起作用。）

我基本上需要： a：根据作业id标识图标行 b：用正确的img src重置图标 c:用最快的方法做

---

我希望这是有意义的

用双引号写它-

$('.q1 img[data-job_id="+job_identifier+"]').eq(0).attr('src', path+icon_url1);

使用以下命令：

$('.list_body .lister1 img[data-job_id="+job_identifier+"]').attr('src', path+icon_url1);

---

您不需要

eq（）

，因为您正在使用id进行筛选。

我认为您的HTML标记是错误的。你不能简单地把JS变量像

job\u id，split\u stats，path+stat6

放在标记上。我放的代码只有一行-job\u identifier变量对所有图标都是相同的引用-它只会每行改变。谢谢

$('.list_body .lister1 img[data-job_id="+job_identifier+"]').attr('src', path+icon_url1);