如何将css类名附加到特定的图像src-url

How to append css Class name to particular image src url

本文关键字：src-url 图像 css      更新时间：2023-09-26

我在blogspot.com中有一些图片，我想通过特定div下的Javascript将类名附加到它上。

例如：-

<div class="outer-post">
    <img src="http://1.bp.blogspot.com/1.jpg" width="200" height="200" />
    <!-- more images -->
    <img src="http://1.bp.blogspot.com/100.jpg" width="200" height="200" />
</div>

我想把所有的转换成：-

<div class="outer-post">
    <img src="http://1.bp.blogspot.com/1.jpg" class="myPic" width="200" height="200" />
    <!-- more images -->
    <img src="http://1.bp.blogspot.com/100.jpg" class="myPic" width="200" height="200" />
</div>

这可能吗？

使用jQuery $("div.outer-post img").addClass("myPic")

您可以使用.addClass（）

 $(selector).addClass(className);

根据您的要求使用

 $("div.outer-post img").addClass("myPic");

编辑：根据您的评论使用

 $("div.outer-post").find("img").addClass("myPic");

JSFiddle演示

相关文章：