0

我有一个动态列表，每行包含 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：根据作业 ID 识别图标行 b：使用正确的 img src 重置图标 c：以最快的方式执行此操作。

我希望这是有道理的

4

2 回答 2

0

用双引号写 -

$('.q1 img[data-job_id="+job_identifier+"]').eq(0).attr('src', path+icon_url1);
于 2012-11-01T08:22:09.103 回答
0

用这个：

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

您不需要eq()，因为您正在使用 id 进行过滤。

于 2012-11-01T08:24:26.190 回答