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

Question

我在 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>

这可能吗？

Answer 1

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

Answer 2

您可以使用.addClass()

 $(selector).addClass(className);

根据您的要求使用

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

编辑：根据您的 cmets 使用

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

JSFiddle Demo