的jQuery：動態HTML代替HTML而不是附加

Question

到目前爲止，我有這樣的代碼：

$("<div/>", { 
    "id": "myId", 
    "class": "myClass", 
    "html": "Hello world!" 
}).appendTo("#myContainer"); 

這追加

<div id="myId" class="myClass">Hello world!</div> 

到#myContainer，正如人們所期望的那樣。

但不是追加，我想要它取代內容。 我想象這樣的事情：再次

$("#myContainer").html("<div/>", { 
    "id": "myId", 
    "class": "myClass", 
    "html": "Hello world!" 
}); 

Answer 1

其實，這是很容易做到，你只需要包裹動態HTML中$()（或jquery()，如果你喜歡）：

$("#myContainer").html($("<div/>", { 
    "id": "myId", 
    "class": "myClass", 
    "html": "Hello world!" 
})); 

儘管這個工作非常好，我想知道是否有一個更優雅/高效的方式來做到這一點。