Javascript JQuery：动态创建的html不响应JQuery函数

我使用以下代码动态生成一个div：

// my html string :)
var myString = '<id="newDiv"div> hello </div>';

// html decode the string    
myString = $("<div />").html(myString).text();

// appending the string
$("#parentDiv").append(myString);

---

什么也没发生。发生了什么事？

还有一点额外的工作要做。而

id=“newDiv”div hello/div

实际上是

hello

，据我所知，这不是普通的html

//here is what I think you wanted:
    $('<div id="newDiv">hello</div>').appendTo("#parentDiv");
    alert($("#newDiv").length);
    $("#newDiv").remove();

//以下是我认为您想要的：
$（'hello'）。附加到（'parentDiv'）；
警报（$（“#newDiv”）.length）；
$（“#newDiv”）.remove（）；

---

编辑-解码html文本，然后附加它：

var emptyDivNeverAppendedToDom = $('<div/>');
//per the other so.com question
    var html = emptyDivNeverAppendedToDom.html('&lt;div id="newDiv"&gt; world &lt;/div&gt;').text();
//just being verbose.
    var elem = $(html);
    //the actual work
    elem.appendTo("#parentDiv");
    //elem.remove();

var emptyDivNeverAppendedToDom=$（''）；
//根据so.com的另一个问题
var html=emptyDivNeverAppendedToDom.html（'div id=“newDiv”world/div'）.text（）；
//只是说得太冗长了。
var elem=$（html）；
//实际工作
要素附录（“#parentDiv”）；
//elem.remove（）；

---

取消对elem.remove（）lin的注释以观察其工作。

只要您将id放在正确的位置，它的工作效果就非常好：

var myString = '<div id="newDiv"> hello </div>';

---

我在这里遵循绿色复选框的答案，因为HTML是经过编码的。它似乎是完全有效的，一旦其解码（它的附加只是罚款）。这不对吗？你把身份证放错地方了。应使用所需的html解码选项编辑

div id=“newDiv”hello/div

。已测试

'div id=“newDiv”world div id=“innerDiv”/div/div'

也是。

var myString = '<div id="newDiv"> hello </div>';