This is my code
$(function () {
$.get('/viewonline', function (data) {
data = $(data);
var members = data.find('.userdata');
for (var j = 0; j < members.length; j++) {
var membername = $(members[j]).find('.username').text();
var memberURL = $(members[j]).find('.username').attr('href');
var memberAva = $.get(memberURL, function(data) {
data = $(data);
data.find('#profile-advanced-right img:eq[0]').attr('src');
});
$('.user_info_on').append('<div class="on_name"><a href="' + memberURL + '" title="'+ membername +'"><img src="' + memberAva + '"/></a></div>');
}
}, 'html');
});
As you can see in the var memberAva
area I use another $.get function. I am trying to use the users URL to pass this function then place it all together. Though I get [object Object] which honestly is what I figured. Is this possible to use two $.get together?
If not what is my best option to grab the image src that I need?
Try for commenting callback- Like this?
$(function () {
$.get('/viewonline', function (data) {
data = $(data);
var members = data.find('.userdata');
for (var j = 0; j < members.length; j++) {
var membername = $(members[j]).find('.username').text();
var memberURL = $(members[j]).find('.username').attr('href');
var memberAva = $.get(memberURL, function(image) {
image = $(image);
image.find('#profile-advanced-right img:eq[0]').attr('src');
});
$('.user_info_on').append('<div class="on_name"><a href="' + memberURL + '" title="'+ membername +'"><img src="' + memberAva + '"/></a></div>');
}
}, 'html');
});