将图像类复制到外部容器

Question

我有几张图片，而且都有几类：

<span class="featured">
  <img src="my_src.jpg" class="alignright gallery single-image" />
</span>

featured范围具有display: inline-block属性，该属性使添加在图像上的align类变得混乱。这些图像是动态的，因此我无法控制使用哪个align属性。我想做的是使用jQuery复制图像的align属性（如果已设置）并将其添加到容器中：

<span class="featured alignright">
  <img src="my_src.jpg" class="alignright gallery single-image" />
</span>

这样，我可以将display: inline-block保留在featured容器中，并且图像仍将漂浮在指定的一侧。

我正在使用的类是alignleft（float: left）和alighright（float: right）。

感谢您的帮助。

谢谢，
乔什

Answer 1

您可以尝试在标记或单图像类上使用jquery父函数。

例如：

• $（“ .single-image”）.parent（）。addClass（“ alignright”）;
• $（“ .alignright”）.parent（）。addClass（“ alignright”）;
• $（“ .alignleft”）.parent（）。addClass（“ alignleft”）;

.parent（）将完全跳转到span的img父标记，因此它应该可以工作。我希望这能回答您的问题。