代码之家  ›  专栏  ›  技术社区  ›  Josh Rodgers

将图像类复制到外部容器

  •  0
  • Josh Rodgers  · 技术社区  · 6 年前

    我有几个图片,它们都有几个类:

    <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>
    

    这样我就可以 显示:内联块 作为特色的 容器和图像仍将漂浮在指定的一侧。

    我使用的课程是 alignleft ( float: left ) alighright ( float: right )

    感谢您的帮助。

    谢谢,
    乔希

    0 回复  |  直到 6 年前
        1
  •  0
  •   Muhammad Tashfeen    6 年前

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

    例如:

    • $(“.single image”).parent().addClass(“AlignRight”);
    • $(“.AlignRight”).Parent().AddClass(“AlignRight”);
    • $(“.AlignLeft”).Parent().AddClass(“AlignLeft”);

    .parent()将精确跳转到img父标记,该标记是SPAN,因此应该可以工作。我希望这能回答你的问题。