Question

我正在动态加载内容。内容采用html格式，我需要获取所有图像并为其添加一个类。这就是我所做的：

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

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

Answer 1

您的代码实际上是在创建一个新对象，添加类，然后使用旧字符串更改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);

Answer 2

您不捕获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;

将类添加到动态加载内容的图像中

2 个答案: