Javascript 向动态加载内容的图像添加类

我正在动态加载内容。内容是html格式的，我需要得到它的所有图像，并为它们添加一个类。这就是我所做的：

var jsonObj = JSON.parse(http_request.responseText);
console.log($(jsonObj.content).find("img").addClass("img-responsive"));
document.getElementById("myModalContent").innerHTML = jsonObj.content;

---

控制台显示已经添加了一个类，但是DOM没有该类。为什么会这样？

您的代码实际上是在创建一个新对象，添加类，然后用旧字符串更改innerHTML。应将其更改为新对象html：

var jsonObj = JSON.parse(http_request.responseText);
var $el = $(jsonObj.content).find("img").addClass("img-responsive").end();
document.getElementById("myModalContent").innerHTML = $el.prop('outerHTML');

或者更好：

var jsonObj = JSON.parse(http_request.responseText);
var $el = $(jsonObj.content).find("img").addClass("img-responsive").end();
$("#myModalContent").append($el);

---

您不会捕获jQuery对象

你应该这样做：

var jsonObj = JSON.parse(http_request.responseText);
var $Obj = $(jsonObj.content).find("img").addClass("img-responsive").end();
document.getElementById("myModalContent").innerHTML = $Obj[0].outerHTML;

---

我不明白问题是什么。你能详细说明一下吗？你是如何检查DOM没有类的？注意：不要显示大部分DOM操作。它只提供服务器发送的DOM。@putvande我正在尝试向AJAX调用返回的

html

响应的图像添加一个类。当我将其登录到控制台时，它会显示已经添加了一个类，但DOM在图像上没有该类。为什么？因为您向jsonObj添加了类。我看不到你把你的jsonObj添加到DOM中，我想没有

jQuery.outterHTML

method:）@drinchev那些该死的打字错误！但仍然如此。偶数

outerHTML

。jQuery specs没有向您提供这个@drinchev您是对的，该方法仅在我的文件中。现在内容没有附加在模式中：/I我认为您需要添加

.end（）