javascript - 使用 JQuery 在段落之间添加添加/图像

Question

比如说，我有这样的东西:

<div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/> Duis aliquet imperdiet nunc. Duis vel ipsum sed dui imperdiet auctor. 


</div>

我想在 <br></br> 之前添加图像标签。如何使用 JQuery 做到这一点？JQuery的append、prepend、after和before似乎没什么用。请帮忙

Answer 1

<div class="lorem">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br /> Duis aliquet imperdiet nunc. Duis vel ipsum sed dui imperdiet auctor.
</div>

$('.lorem br').before(imghtml);

或者你可以使用

$('.lorem br').insertBefore(imghtml);

确保将上面的 jquery 选择器替换为特定的内容，大多数情况下，页面中会有很多中断标记，并且您不希望将尝试放置的图像插入到页面中的任何位置。我建议您使用类或 ID 标签来定位您想要执行此操作的段落。

阅读您的评论后更新:

向目标
标记添加一个类属性，以便您可以在 jQuery 选择器中专门定位它。像这样的事情:

<div class="lorem">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br class="targetedbr" /> Duis aliquet imperdiet nunc. Duis vel ipsum sed dui imperdiet auctor.
</div>

$('.lorem br.targetedbr').insertBefore(imghtml);