jquery - 如何将 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

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

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

ps：首先尝试使用 jsFiddle :))

Answer 2

尝试这个：

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

使用 parent() http://api.jquery.com/parent/

否则：

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

Answer 3

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

这假设容器中有一个图像。

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

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

或者您可以使用查找：

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

编辑好吧，根据你的评论......

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

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

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