我有一个仅存在于内存中的 div,它可能包含零个或多个图像。我正在尝试使用 JQuery find 更改 thouse 图像的 src,问题是即使我管理器设置每个 img 的 src,div 的内容仍然保持不变。
function contentWithReplacedImages(divContent){
console.log(divContent);//I get <div class='editable singleColumnElement'><p>asdasd ad a dasd ad<br/></p><p><img/> <br/></p></div>
$(divContent).find("img").each(function(index){
$(this).attr({
'src':"imgSrc"
});
console.log($(this).attr('src'));//I get "imgSrc"
});
console.log(divContent); //divContent remains unchanged.
}
最佳答案
您已经更改了 $(divContent)
(jQuery 对象),但最后您要检查原始 divContent
(html 字符串)的内容。
由于 divContent
实际上并不是 DOM 的一部分,因此您不会在任何地方保存更改。
尝试设置一个新变量:
function contentWithReplacedImages(divContent) {
var $temp = $(divContent); // jQuery object
$temp.find("img").each(function (i,el) {
$(el).attr({
'src': "imgSrc.jpg"
}); // $temp is modified in place
});
console.log($temp.html()); // displays the modified string
}
关于javascript - 使用 Jquery 更新 div 字符串内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15525085/