Скопируйте класс изображения во внешний контейнер

Question

У меня есть несколько изображений, и все они имеют несколько классов:

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

Диапазон featured имеет атрибут display: inline-block, который портит класс выравнивания, добавленный на изображение. Эти изображения являются динамическими, поэтому я не могу контролировать, какое свойство выравнивания используется. Я хотел бы использовать 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 () точно перейдет к родительскому тегу img, который является span, так что это должно работать. Я надеюсь, что это отвечает на ваш вопрос.