添加添加/圖像使用jQuery

說段落之間，我有這樣的事情：添加添加/圖像使用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的追加，前後，似乎是沒用的。請幫助

來源

2015-06-30 Sankalp Malik

''
應該使用，你需要用'before' – Tushar

的'.append（）'和'.prepend（）'將在開始和結束標記內添加一些東西，而不是開始標記前或結束標記之後。 – 3abqari

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

來源

2015-06-30 09:36:00 3abqari

如果我的頁面有多個
標籤，並且我想在僅插入一個標籤之前插入該標籤，則無法添加標識字段，因爲從數據庫中顯示

and

之間的所有內容（包括
標籤） –

您可以在javascript中使用'[.eq（）]（https://api.jquery.com/eq/）'來定位它，如下所示：'$（'。lorem br：eq（0）'）。before （imghtml）;'如果您知道div中的哪一個，或者您可以爲
標籤分配一個類。 – 3abqari

你並不需要關閉<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/

來源

2015-06-30 09:36:49 JBux

如果我的頁面上有許多
標籤，我想只有一個之前插入，我不能一個id字段添加到，因爲正在從數據庫（包括
標籤）中顯示的所有

and

之間的內容 –

第一個是你試圖瞄準的
？
標籤有什麼特別之處？ – 3abqari

正如更新中提到的那樣，您可以添加.first（） – JBux

添加添加/圖像使用jQuery

回答

相關問題