我正在运行$.ajax
功能。我想要的数据以json格式成功返回,我能够解析它并获得我想要的属性。然后,当我尝试更改DOM时,它并没有改变。 console.log()
语句显示事物正在发生变化,但当我查看页面的来源时,原始元素仍然存在。
代码:
$.ajax({
success: function (jsonImageString) {
if (jsonImageString.length > 0) {
var embeddedImages = $.parseJSON(jsonImageString);
$.each(embeddedImages, function () {
var currPin = this.pin;
var currUrl = this.url;
var currTitle = this.title;
//statement displays correct pin
console.log(currPin);
//statement shows correct original html
console.log($("a[href='" + currPin + "']").html());
//nothing changes- viewing source of page shows original elements
$("a[href='" + currPin + "']")
.addClass("displayLink")
.html("<img src='" + currUrl + "' alt='" + currTitle + "' />");
//shows what would be if something had actually changed...
console.log($("a[href='" + currPin + "']")[0].outerHTML);
});
}
}
});
答案 0 :(得分:2)
当我查看页面的来源时
您如何查看来源?
据推测,您正在浏览器中使用“查看来源”菜单选项?通常,浏览器的“查看源”菜单选项显示从服务器获取的原始源。要查看更新的更改,您可能希望使用DOM浏览器,通常是浏览器调试工具的一部分。
DOM正在更新,它的原始来源不是。