[jQuery] Can't iterate through SPANs and execute Ajax GET
As soon as the page loads, I would like to iterate through several
span tags on the page and update their innerHTML to be the response
from the AJAX get call. The line I have commented out, alert("Data
Loaded: " + data);, works perfectly, but creates a bunch of alert
boxes (which I don't want). And if I move the line "this.innerHTML =
data;" out of the Ajax call, it works fine also. So I know all the
syntax is correct. But when I put it together as outlined below, it
just won't work. The Ajax is working, I also see the GET calls
working fine in the Firebug console. It just won't update the
innerHTML of the SPAN tags.
Please, any help would be greatly appreciated!
$(document).ready(function() {
$("span").each(function (i) {
$.get("myfile.php", { target: this.id, key: "value" },
function(data){
// alert("Data Loaded: " + data);
this.innerHTML = data;
});
});
});