Passing div element to success callback jquery

Question

I am using lis to obtain a list of <li> from my DOM, and in each LI and update the projectPhoto after the ajax call. But my "li" in the callback function always referring to the last item in lis, is there any way to overcome this, or such as pass as value ?

p/s: I am pretty sure this has been discussed before just that I can't reach it with the right terminology. Apology in advance.

var lis = $('.porject_list li');
   for (var i = 0; i < lis.length; i++) {

        var li = lis.eq(i);
var projectId = li.attr('data-project-id');


            $.get("/webapi/projects/projectphoto/" + projectId, function (res) {
                $("img", li).attr('src', res);
            });
    }

Check this one: http://stackoverflow.com/questions/2687679/jquery-ajax-inside-a-loop-problem — Samurai, Jul 24 '13 at 00:56

The Alpha · Accepted Answer · 2013-07-24T01:08:09.600

2

You may try this (Just wrap the ajax call in a function)

(function(current){
    $.get("/webapi/projects/projectphoto/" + projectId, function (res) {
        $("img", current).attr('src', res);
    });
})(li);

Update :

I didn't notice var li = lis.eq(pos);, what is this, anyways, you can use

var li = lis[i];

to get the current li in the loop.

edited Jul 24 '13 at 01:08

answered Jul 24 '13 at 01:00

The Alpha

143,660
29
287
307

score 2 · Answer 2 · answered Jul 24 '13 at 01:01

you used jquery so you can used $.each of jquery. try this code if it can help

$(".porject_list li").each(function(i, elem) {
    var projectId = $(this).attr('data-project-id');
    var $li = $(this);
    $.get("/webapi/projects/projectphoto/" + projectId, function (res) {
         $li.find("img").attr('src', res);
    }); 
});

score 0 · Answer 3 · answered Jul 24 '13 at 00:56

0

I think this is a good reference for you.

http://api.jquery.com/each/

answered Jul 24 '13 at 00:56

delroekid

88
7

Passing div element to success callback jquery

3 Answers3