一起使用jQuery .append和.html

我不得不動態地將內容添加到由我的CMS在其論壇模塊中生成的iFrame。我無法控制HTML。我正在動態添加內容並試圖找到最佳解決方案。一起使用jQuery .append和.html

這裏是我使用的代碼：

HTML

<iframe id="re_contentIframe"> 
<html> 
    <body> 
    <p>Forum content is typed here.</p> 
    <p>More forum content.</p> 
    Forum Signature 
    </body> 
</html> 
</iframe>

nestedFrame = myFrame.find('#re_contentIframe').contents().find('body'); 
nestedFrame.append("Dynamic content" + data); //this is what is inserted dynamically.

這是我遇到的問題。因爲我無法爲iFrame的控制代碼我CMS生成因爲這樣我結束了，當我使用上面的代碼中有這樣的事情：

Forum Signature Dynamic content...

我想下面的Forum Signature添加動態內容。然後我厭倦了這樣：

nestedFrame.html("Dynamic content" + data); //this is what is inserted dynamically.

當我做這個論壇的內容是由.html

抹去我又試圖這樣的：

nestedFrame.append(" Dynamic content" + data);

當我這樣做，它打印 。

這裏是我的問題：

是否有辦法追加HTML到目標，而不擦HTML是嗎？我無法想出辦法做到這一點。

來源

2013-11-23 L84

嘗試'nestedFrame.append（$。parseHTML（「
動態內容」+ data））;'或展開並使用'inserAdjacentHTML（）' – megawac

@megawac - '$ .parseHTML'工作。請作爲答覆發佈。謝謝！ – L84

jQuery.parseHTML(str)將傳遞的字符串轉換爲實際的html內容（包括textNodes），而只調用$(str)將只返回字符串中的元素。

那麼，

$(" <br> Dynamic content" + data) //=> <br> 

$.parseHTML(" <br> Dynamic content" + data) // textNode + <br> + textNode

當你將字符串，正如我在註釋中，你也可以只使用insertAdjacentHTML

nestedFrame[0].insertAdjacentHTML(" Dynamic content" + data);應該做同樣的nestedFrame.append($.parseHTML(" Dynamic content" + data));

來源

2013-11-23 03:09:20 megawac

有幾個選項

您可以創建元素 - 確保法>var br = document.createElement('br');和追加他們
使用' '內，隨着++之間，不是100％。
您可以結帳j Query after，該問題的絕妙解決方案。

Goodluck。

來源

2013-11-23 02:02:18

一起使用jQuery .append和.html

回答

相關問題