Javascript 如何添加从JSON文件获取图像、添加类和在div中追加？

我试图在图像上添加一个类，这个类是从本地JSON文件中获取的。 我的JSON文件：

[{
    "posterPath" : "<img src = imgsMovie/MovieName/poster.jpg>"

}]

如何在img标记中添加类

$(".rightposter").append(data[i].poasterPath)

改为

$(".rightposter").append($(data[i].poasterPath).addClass("your class"));

$（.rightposter”）.append（$（“”）.addClass（“红色”）
.red{边框：3px纯红}


改为

$(".rightposter").append($(data[i].poasterPath).addClass("your class"));


$（.rightposter”）.append（$（“”）.addClass（“红色”）
.red{边框：3px纯红}

您可以使用jQuery的方法获取图像并在其上添加类

$(".rightposter").append(data[i].posterPath).find("img").addClass("myClass");

您可以使用jQuery的方法获取图像并在其上添加类

$(".rightposter").append(data[i].posterPath).find("img").addClass("myClass");

如果这是代码中唯一的img标记，那么您可以编写$（'img'）.addClass（'your class'）或$（'rightposter img'）.addClass（'your class'）
 如果这是代码中唯一的img标记，那么您可以编写$（'img'）.addClass（'your class'）或$（'rightposter img'）.addClass（'your class'）
 这是一种使用jQuery插入动态构造的HTML标记的更简洁的方法

使用以下语法构建HTML并将其附加到DOM：

$div = $('.rightposter');

$('<img />', {
 'src': data[i].posterPath,
 'class': "myClass" //put your class name here
}).appendTo($div);

这是使用jQuery插入动态构造的HTML标记的更简洁的方法

使用以下语法构建HTML并将其附加到DOM：

$div = $('.rightposter');

$('<img />', {
 'src': data[i].posterPath,
 'class': "myClass" //put your class name here
}).appendTo($div);

是的，您的JSON无效。
$（.rightposter”）.append（$（data[i].poasterPath.addClass（“myNewClass”）-基本上是将图像标记的JSON字符串提前一点转到图像节点，然后使用jQuery附加类：）我必须问-你是说“posterPath”而不是“poasterPath”吗？（特别是因为您的类是“rightposter”）是的，我输入了sryYeah，您的JSON无效。
$（.rightposter”）.append（$（data[i].poasterPath.addClass（“myNewClass”）-基本上是将图像标记的JSON字符串提前一点转到图像节点，然后使用jQuery附加类：）我必须问-你是说“posterPath”而不是“poasterPath”吗？（特别是因为您的类是“rightposter”）是的，我输入错误这是在div元素中添加类，而不是在img元素中添加类这是在div元素中添加类，而不是在img元素中添加类，但不是很简单efficiently@mplungjan任何改进的建议都将不胜感激。@mplungjan是的，我看到了，但OP希望在图像上上课，不在容器上。请参见示例。在图像上找到不是很有效但不是很有效efficiently@mplungjan任何改进的建议都将不胜感激。@mplungjan是的，我看到了，但是OP希望类在映像本身上，而不是在容器上。参见示例。在图像上找到的不是很有效