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

您可以使用.addClass()

 $(selector).addClass(className);

根据您的要求使用

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

编辑：根据您的评论使用

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

JSFiddle Demo

Answer 2

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

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

2 个答案: