Question

我有一个动态列表，每行包含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>

每个图标都有一个状态编号，每个状态都有一个不同颜色的图标图像。我需要做的是在主数据库中图标状态值发生变化时更改图标。

我正在努力用jquery选择器识别图标。我试过了：

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

（这有希望改变第一个图标但不起作用。）

我基本上需要： a：根据job-id识别图标行 b：使用正确的img src重置图标 c：尽可能以最快的方式做到这一点。

我希望这是有道理的

Answer 1

用双引号书写 -

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

Answer 2

使用它：

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

您在使用ID进行过滤时不需要eq()。

JQuery在一组图像中更改图像

2 个答案: