jquery et .attri ne fonctionne pas?

Question

Voici mon code:

function init(){ 
    $.get(URL, function(data) { 
    DATA = data; 
    var srcWithHead = URL + "/" + $(DATA).find("img").attr("src"); 
    $(DATA).find("img").attr("src", srcWithHead); 
    console.log("src = " + $(DATA).find("img").attr("src")); 
    }); 
} 

et je voudrais avoir une projection d'image. Mais l'image URL src est un chemin relatif. Donc, j'ai besoin d'avoir un en-tête de chaque image. Mais il semble que $(DATA).find("img").attr("src", srcWithHead); ne fonctionne pas.

Que puis-je faire? et toute autre méthode? Merci

Answer 1

Vous avez probablement plusieurs balises IMG. Utilisez each() pour accéder à chacun d'entre eux.

function init(){ 
    $.get(URL, function(data) { 
    DATA = data; 
    $(DATA).find("img").each(function() { 
     var srcWithHead = URL + "/" + $(this).attr("src"); 
     $(DATA).find("img").attr("src", srcWithHead); 
    }); 
} 

Answer 2

Je travaillais avec attr aujourd'hui et les travaux suivants pour moi.

$('#ctl00_Content_imgbtnDiscardQuote') 
    .attr('src','').attr('value','Cancel').attr('type','submit'); 

Essayez de lancer $(DATA); dans Firebug ou une console de chrome, il ne peut pas être de retour ce que vous pensez.

Modifier essayer .each()

$(DATA).find('img').each(function(index){ 
    $(this).attr('src','/myimg.jpg'); 
}); 

Bienvenue sur le débordement de pile.

Answer 3

Se pourrait-il que vous ne trouviez aucun élément?

Essayez

alert($(DATA)); 
alert($(DATA).length); 
alert($(DATA).find('img').length); 

Answer 4

essayer de eval votre data, je ne sais pas ici car je ne sais pas ce que serait les données soient, mais pour cette solution.

function init(){ 
    $.get(URL, function(data) { 
     DATA = eval("("+data+")"); // treat the data as json object 
     var srcWithHead = URL + "/" + $(DATA).find("img").attr("src"); 
     $(DATA).find("img").attr("src", srcWithHead); 
     console.log("src = " + $(DATA).find("img").attr("src")); 
    }); 
}