2015-06-30 119 views
0

说段落之间,我有这样的事情:添加添加/图像使用jQuery

<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的追加,前后,似乎是没用的。请帮助

+2

''
应该使用,你需要用'before' – Tushar

+0

的'.append()'和'.prepend()'将在开始和结束标记内添加一些东西,而不是开始标记前或结束标记之后。 – 3abqari

回答

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选择,大部分时间有很多页断行标记的,而你不知道t想要将图像插入到网页的任何位置。我建议你通过使用类或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); 
+0

如果我的页面有多个
标签,并且我想在仅插入一个标签之前插入该标签,则无法添加标识字段,因为从数据库中显示

and
之间的所有内容(包括
标签) –

+0

您可以在javascript中使用'[.eq()](https://api.jquery.com/eq/)'来定位它,如下所示:'$('。lorem br:eq(0)')。before (imghtml);'如果您知道div中的哪一个,或者您可以为
标签分配一个类。 – 3abqari

0

你并不需要关闭<br>标签,他们也应该被格式化<br />

看到这个fiddle如何做到这一点。

$('br').before('<span style="background-color:red; color:white">Image Here!</span>') 

在回答你的问题,你可以添加.first()选择的第一要素。

http://jsfiddle.net/9j70mxsz/1/


响应再次,所述:nth-child(n)选择器。

http://jsfiddle.net/9j70mxsz/2/

+0

如果我的页面上有许多
标签,我想只有一个之前插入,我不能一个id字段添加到,因为正在从数据库(包括
标签)中显示的所有

and
之间的内容 –

+0

第一个是你试图瞄准的

标签有什么特别之处? – 3abqari

+0

正如更新中提到的那样,您可以添加.first() – JBux