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 に答える