jQuery，如何在創建元素時嵌套HTML標籤？

因此，我正在研究點擊圖片時彈出的幻想擴展器的事情 - 想想點擊谷歌圖片搜索結果時彈出的東西（我沒有寫出大量的代碼），它是設立這樣的每個元素：jQuery，如何在創建元素時嵌套HTML標籤？

<a href="http://i.local.dev:5000/EW3GugE.jpg" 
    data-largesrc="http://i.local.dev:5000/EW3GugE.jpg" 
    data-title="http://i.local.dev:5000/EW3GugE.jpg"/> 
<div class = "thumbcontainer">    
    <img src="http://local.dev:5000/thumbs/EW3GugE.jpg" /> 
</div>

「數據標題」屬性被由JavaScript評價，jQuery的代碼創建這樣的元件，同時，這是在標題屬性中的文本，並把它的內部一個textarea，然後將其附加到彈出框中：

this.$title = $('<textarea></textarea>'); 

this.$details = $('<div class="og-details"></div>').append(this.$title, 
                this.$description, this.$href); 
this.$details = $('<div class="og-details"></div>').append(this.$title, 
                this.$description, this.$href);

這工作正常，它將文本放入文本框中。但我需要做的是進行一些設置高亮/各種其他的標記鏈接，類似於：

[IMG] http://i.imgur.com/5VbkHIP.jpg [/ IMG]

沒有認爲這會工作，但我試過：

this.$title = $('<textarea>[IMG][IMG]</textarea>');

它沒有工作。有沒有一種方法可以指定這些圖片標籤之間的文字？我應該將它們評估爲字符串並將它們結合起來，還是這是一種不好的方法？謝謝

來源

2014-03-07 jack

您是否嘗試過使用此代碼設置textarea的值？

this.$title.val('[IMG][/IMG]');

祝你好運。 :)

來源

2014-03-07 08:09:24 vdwijngaert

不工作 - 現在所有這些都是在文本框中是[IMG] [/ IMG]，鏈接不它們之間。 – jack

假設「這一點。$ HREF」是HTML的jQuery對象

<a href="http://i.local.dev:5000/EW3GugE.jpg" data-largesrc="http://i.local.dev:5000/EW3GugE.jpg" data-title="http://i.local.dev:5000/EW3GugE.jpg"/>

我想嘗試直接修改屬性「數據所有權」的價值，施工前的$細節對象，這樣標題文本將被包裹在「[IMG]」標籤之間。因此，它會是什麼樣子，

var myText = this.$href.attr("data-title"); 
this.$href.attr("data-title", "[IMG]" + myText + "[/IMG]");

然後，就

this.$details = $('<div class="og-details"></div>').append(this.$title, this.$description, this.$href);

來源

2014-03-07 08:45:41 Kyo

jQuery，如何在創建元素時嵌套HTML標籤？

回答

相關問題