从ajax响应中更改img类名

Question

我有以下ajax响应，它是由服务器端脚本生成的:

<div class="parent"><img class="icon" src="../images/icons/inv_boots.PNG"/></div>
<div class="item-title3">Testname</div>
<div class="item-level">20</div>

目前我将图像标签存储在变量"icon"这样,

let icon = $content.siblings('[class^=parent]').html()

现在我想把<img class="icon"的图像类名改为"icon22"

这是我到目前为止的代码:

<script language="javascript">
jQuery(function($) {

$('*[data-id]').each(function() {
let $tooltip = $(this);
let id = $tooltip.attr("data-id");
$.ajax({ 
url: "/datenbank/itemscript.php",
type: "GET",
data: {
"var": id
}
}).then(function(data) {
let $content = $(data);
let title = $content.siblings('[class^=item-title]').text()
let icon = $content.siblings('[class^=parent]').html()
var item_title = $content.siblings('div[class*="item-title"]');
console.log(item_title);
var ClassName = '';
var classes = item_title.attr('class').split(/(s+)/); 
$.each(classes , function(i , v){
v = v.trim();  
if(v.indexOf('item-title') > -1){  
ClassName = v; 
}
}); 


$tooltip.tooltip({
tooltipClass: "test",
content: data,
position: {
my: "left+153 top+20",
collision: "flipfit"
}
});

$("<div class="" + ClassName + "">" + icon + "" + title + "</div>").appendTo($tooltip);
});
});

});
</script>
<a data-id="12555"></a>

Answer 1

给定$data是一个jQuery对象持有响应，您可以使用find()检索img元素在它，然后toggleClass():

$content.find('img.icon').toggleClass('icon icon22');