如何将img类添加到周围的div中

Question

我有一个img，它被包装到div容器中。现在我想将img类添加到周围的div中。我怎样才能用jQuery实现这个目标？

<div class="imagecontainer">
  <div class="imagebackgroud"></div>
  <div class="imageicon"></div>
  <img class="aligncenter">
</div>

.imagebackground和.imageicon div可以忽略，我想将img类“.aligncenter”添加到.imagecontainer div。

Answer 1

试试这个：

$('img.aligncenter').parent().addClass('aligncenter');

使用parent（）http://api.jquery.com/parent/

否则：

$('.imagecontainer').addClass('aligncenter');

Answer 2

$(".imagecontainer").addClass($('.imagecontainer img').attr("class"));

这假设容器中有图像。

$(".aligncenter").parent().addClass("aligncenter");

这假设图像有一个aligncenter类，只是将相同的已知类放在父类上。

或者您可以使用find：

$(".imagecontainer").addClass($(".imagecontainer").find('img').attr("class"));

EDIT 好的，根据你的评论......

$("img.aligncenter").parent().addClass("aligncenter")

应该有效。它使用类“aligncenter”定位所有图像，然后将类添加到父级。虽然这看起来非常接近示例2，但它通过这种方式专门针对类别aligncenter的图像。

这是一个小提琴工作： http://jsfiddle.net/U5vRe/

Answer 3

试试吧:) http://jsfiddle.net/nlphuong/xm38X/

$(document).ready(function(){
    $("img").parent("div").addClass($("img").attr("class"));
});

ps：首先尝试使用jsFiddle：））