如何使用jquery加載HTML元素而不是文本

我是JavaScript新手，想學習。我已經寫出了這段代碼，我試圖讓它加載到視頻中。當我加載頁面時，它將相關標籤顯示爲文本。我在下面提供了一個plunker。如何使用jquery加載HTML元素而不是文本

$('.video-label').text($video.get(0).outerHTML);

我認爲這是'.text'這行是將文本附加到HTML中的p標籤？

相反，我想是從陣列中收集這個數據寫出來的，這將在頁面加載，這樣的標籤將發揮其在

這裏加載源html元素是plunker

我需要在html和js中更改什麼來停止文本並在視頻中加載？任何幫助將不勝感激！在此先感謝大家

來源

2015-01-15 user3648969

可能需要閱讀該方法的API文檔：['text（）']（http://api.jQuery.com/text/）。 –

@DavidThomas我閱讀了關於.text的文檔，並沒有指示我使用.html，我發現它是我正在尋找的。即使應用更改，我仍然無法將視頻作爲元素正確加載。不應該爲$（「。video-label」）。html（$ video.get（0）.outerHTML）; 傳入html即時加載？ – user3648969

如果使用'text（）'方法檢索到正確的/期望的HTML字符串，那麼是的（儘管「瞬間」可能不一定是正確的），我會這樣想。但是，正如我的回答所示，我認爲有一個更簡單的方法。 –

添加HTML用.html()而不是.text完成。

$(".video-label").html($video.get(0).outerHTML);

來源

2015-01-15 00:51:58 patrick

謝謝帕特里克，看起來像我失蹤。當我改變這一點，我沒有看到任何加載，我猜一些需要改變與HTML的東西？ – user3648969

一切都取決於你回來的東西...你可以調試你使用瀏覽器的控制檯：window.console && console.log（$ view.get（0）.outerHTML）將顯示的HTML例如。檢查元素以查看寫入的內容也可以揭示此問題 – patrick

我沒有收到任何回我控制檯中的任何東西，因爲它顯示爲空白，當我嘗試輸入您提供的代碼時說$視圖沒有定義 – user3648969

，如果你想添加HTML元素，你需要使用.html()代替.text()

$('.video-label').html($video.get(0).outerHTML);

來源

2015-01-15 00:52:17 jmore009

謝謝！那一定是我錯過的。當我加載頁面時，雖然我沒有看到我的視頻加載進去。還有什麼需要改變的HTML？ – user3648969

鑑於你（表觀）預期的結果，我建議：

$('.video-label') 
    // get the child elements: 
    .contents() 
    // replace them with $video: 
    .replaceWith($video)

這顯然假定$video引用了正確的元素。

參考文獻：

contents()。
replaceWith()。

來源

2015-01-15 01:03:31

感謝大衛的幫助。我試過把它放進去，它確實沒有改變任何東西。林甚至不知道這是應該做什麼.. 對不起，我仍然在努力學習，我認爲我真的接近這個工作，當我得到正確的字符串回來。但切換後.text到.html我沒有看到視頻加載到頁面中，我已經在window.console && console.log（$ video.get（0）.outerHTML）中添加並且控制檯正在返回 – user3648969

如何使用jquery加載HTML元素而不是文本

回答

相關問題