通過.before（）jquery插入html

Question

我正試圖在這樣的div之前插入一些基本的html

<script>$("div#header").before("<div class="test">test</div>");</script>

但是沒有出現，但是當我嘗試jquery示例時

<script>$("p").before("<b>Hello</b>");</script>

它有效，我做錯了什么？

謝謝

Answer 1

您需要轉義字符串文字中的引號，如下所示：

"<div class=\"test\">test</div>"

此外，所有DOM操作所需要的瀏覽器已經完成解析HTML文檔（也稱為“准備DOM”） 后發生。 當“DOM准備就緒”時，瀏覽器觸發document的“加載”事件。

在jQuery中，您為“DOM ready”編寫了一個回調，如：

$(document).ready(function() {
    $("div#header").before("<div class=\"test\">test</div>");
});

Answer 2

如果您正在使用該代碼，則由於未終止的字符串，您應該收到JavaScript錯誤。 嘗試這個：

$('#header').before('<div class="test">test</div>');