【问题标题】:Adding a <img> to an div tag将 <img> 添加到 div 标签
【发布时间】:2012-09-10 22:07:36
【问题描述】:

我有以下结构:

<div class="eventIcons">Sample Event</div>

如何在文本之前的 div 中添加标签,以便最终得到:

<div class"eventIcons"><img id="printOnlyIcon" src"printOnly.jpg"/>Sample Events</div>

我目前正在使用以下 jquery,但它在文本后添加了标签:

$('div.eventIcons').append('<img id="printOnlyIcon" src="printOnly.jpg"/>');

非常感谢

【问题讨论】:

    标签: jquery html image


    【解决方案1】:

    使用.prepend在开头添加元素。

    见下文,

    $('div.eventIcons').prepend('<img id="printOnlyIcon" src="printOnly.jpg"/>');
    

    【讨论】:

    • 嗨,我试过了,但现在不再添加 标签
    • @DanielPerez 我不知道为什么它不适合你。如果你能在fiddle 中证明这个问题对我们来说很容易
    【解决方案2】:

    只需使用“前置”而不是“附加”。

    【讨论】:

      【解决方案3】:

      这样试试

      $('div.eventIcons').prepend('<img id="printOnlyIcon" src="printOnly.jpg"/>');
      

      您必须将图像添加到您的 div 中才能附加它。

      【讨论】:

        猜你喜欢
        • 2013-04-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-05-12
        • 1970-01-01
        相关资源
        最近更新 更多