主页 / 问题 / 877603
Accepted
118_64
Asked:2020-09-05 16:02:59 +0000 UTC2020-09-05 16:02:59 +0000 UTC

如何仅对一组 jQuery 中的一个元素执行操作？

  • 772
$(".img_list").on("click", "li", function() {
  var li = $(this); 
  $("#loader").click();

  $(document).on('response', function(e, data) {
   var data = '<img src="/img/' + data.filename + '/>';
   li.html(data);
  });
});

单击列表中的项目li会将图像加载到其中。

问题：当将第二个（第三个等）图像加载到列表的下一个元素中时，之前加载的所有图像都被li分配了相同的地址src，即 而不是不同元素中的不同图像，而是li随处显示一张图像，最后一张加载。

尝试引用id列表的元素，分配一个data.filename变量，导致null每次添加图像后，都没有解决问题。

请告知如何正确执行。

jquery

1 个回答

  1. Best Answer

    单击 newli不会从以前的处理程序中重置处理程序li。你可以这样尝试：

    var li = null;
$(".img_list").on("click", "li", function() {
    li = $(this); 
    $("#loader").click();
});
$(document).on('response', function(e, data) {
    if(li != null){
        var data = '<img src="/img/' + data.filename + '/>';
        li.html(data);
    }
});
    • 0

相关问题