javascript關閉div追加

Question

我的div正在關閉。

<html><head><title></title>
<script type="text/javascript" charset="utf-8" src="jquery-1.7.min.js"></script>
<script>

$(document).ready(function(){   
        $("#wrapper").append( '<div id="content"><br>test');
        $("#wrapper").append('<br>whatever');
        $("#wrapper").append( 'sfga<br></div>' );
});
</script>

</head><body>

<div id="wrapper">
</div>

</body></html>

輸出test后div會自動關閉，而不是像sfga那樣。

如何解決這個問題？

Answer 1

臟修復：

var sHTML = '<div ="content"><br>test<br>whateversfga<br></div>';
$("#wrapper").append(sHTML);

正確的做法：

var oNewDiv = $('<div id="content">').append('<br />').append('test');
$("#wrapper").append(oNewDiv);

為什么會這樣？ 因為jQuery在給定原始HTML時會自動創建正確的DOM元素，同時允許您通過上述鏈接附加到它們。

Answer 2

您正在操作DOM，而不是文本流。

盡管jQuery提供了抽象，但您只能處理元素，而不能處理標記。

 var html = '<div ="content"><br>test' +
            '<br>whatever') + 
            'sfga<br></div>';
 $("#wrapper").append(html);

（注意<div ="content">是無稽之談，但我不知道你的意思，所以我沒有嘗試修復它）。

Answer 3

為什么不結合這三個append電話？

$(document).ready(function(){   
    $("#wrapper").append( '<div ="content"><br>test<br>whateversfga<br></div>' );
});

如果你需要在div中放入其他東西，你可以創建一個新的div然后將其他元素附加到它，做這樣的事情：

$(document).ready(function(){   
    var $newElem = $('<div class="content"></div>');
    $newElem.append($('<p>test<br />test</p>'));
    $("#wrapper").append($newElem);
});

javascript關閉div追加

問題描述

3 個解決方案

解決方案1
2 已采納 2011-11-06 13:41:14

解決方案2
1 2011-11-06 13:41:34

解決方案3
1 2011-11-06 13:44:11

javascript關閉div追加

問題描述

3 個解決方案

解決方案1 2 已采納 2011-11-06 13:41:14

解決方案2 1 2011-11-06 13:41:34

解決方案3 1 2011-11-06 13:44:11

解決方案1
2 已采納 2011-11-06 13:41:14

解決方案2
1 2011-11-06 13:41:34

解決方案3
1 2011-11-06 13:44:11