Javascript jQuery基于数据属性更改图像src

Javascript jQuery基于数据属性更改图像src,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我有一个动态生成的div列表,其中包含唯一的数据id和几个图像图标。单击图标时,会弹出一个框,允许根据所选操作进行选择。这将通过ajax更新数据库 我需要在ajax reauest返回3时更改第一个图标 var ls="<div class='list_body'> <div class='lister1'> <img src='"+path+stat1+"' data-icon_no='1' data-sta

我有一个动态生成的div列表,其中包含唯一的数据id和几个图像图标。单击图标时,会弹出一个框,允许根据所选操作进行选择。这将通过ajax更新数据库

我需要在ajax reauest返回3时更改第一个图标

var ls="<div class='list_body'>
            <div class='lister1'>
                <img src='"+path+stat1+"' data-icon_no='1' data-status='"+split_stats[0]+"' data-job_id='"+split_stats[18]+"' />
                <img src='"+path+stat2+"' data-icon_no='2' data-status='"+split_stats[1]+"' data-job_id='"+split_stats[18]+"' />
                <img src='"+path+stat3+"' data-icon_no='3' data-status='"+split_stats[2]+"' data-job_id='"+split_stats[18]+"' />
                <img src='"+path+stat4+"' data-icon_no='4' data-status='"+split_stats[3]+"' data-job_id='"+split_stats[18]+"' />
                <img src='"+path+stat5+"' data-icon_no='5' data-status='"+split_stats[4]+"' data-job_id='"+split_stats[18]+"' />
                <img src='"+path+stat6+"' data-icon_no='6' data-status='"+split_stats[5]+"' data-job_id='"+split_stats[18]+"' />
            </div>
            <div class='lister'>"+split_stats[6]+" "+split_stats[7]+" "+split_stats[8]+"<br />["+split_stats[13]+"]"+"</div>
            <div class='lister'>"+split_stats[14]+"</div>
            <div class='lister'><a href='javascript:void(0);' class='lister_a'>View Appointment &amp; Actions</a></div>
        </div>";
我无法识别要更改图像的行

gl_job_id是一个全局变量,它保存作业id,该作业id用作data-job_id中的标识符(这有意义吗??)

目前,这在选择器行上抛出了一个错误,但显然语法是完全错误的:(

此处的选择器错误:

$('.lister1[data-job_id="'+gl_job_id+'"'').find('img').eq(0).src("images/icons/start_green.png");
您试图通过
data-job\u id
选择
div
,同时删除一个
并添加
]

像这样的事情一定是:

$('.lister1 [data-job_id="'+gl_job_id+'"]').attr('src', "images/icons/start_green.png");

此代码选择
div
,然后通过
data-job\u id
查找并设置
src
属性

这不会抛出错误,但不会更新行中的第一个img图标。@Sideshow可能是ajax结果中的问题?或
gl\u job\u id
中的问题,因为这不是唯一的id。我的选择器工作:我可以看到此bu的逻辑t仍然无法在我的代码中获得要更新的信息…我将继续努力:)@Sideshow使用
alert()
console.log()
调试您的参数作业id工作正常。我认为更多的是选择正确的图标(在本例中是第一个图标)。lister1是包含div的类,而每个图标在img标记中都有data-job_id属性。我认为这是一个找到具有正确数据作业id的图标并选择第一个图标的情况,然后应用图像src的名称。。。
$('.lister1 [data-job_id="'+gl_job_id+'"]').attr('src', "images/icons/start_green.png");