如何在jQuery中相互創建var元素？

Question

讓我有些瓦爾生成元素：

var dest = $("<div/>", { 
    className: "something"}); 
var desul = $("<ul/>", { 
    className: "list"}); 
var desLi = $("<li/>", { 
    className: "list-item"}); 
var desa = $("<a/>", { 
    href: "", 
    className: "some-link", 
    content: "Some Link"}); 

現在我做的追加：

$("#target").append(???); 

而且我想要的到底是什麼：那麼，如何

<div id="target"> 
    <div class="something"> 
    <ul class="list"> 
     <li class="list-item"> 
     <a href="" class="some-link">Some Link</a> 
     </li> 
    </ul> 
    </div> 
</div> 

我編寫＃target.append的jQuery？

Answer 1

你可以像下面沒有變量進行分離（除非你需要）：

$("#target").append(
    $("<div/>", {className: "something"}).append(
    $("<ul/>", {className: "list"}).append(
    $("<li/>", {className: "list-item"}).append(
    $("<a/>", {href: "", className: "some-link",content: "Some Link"}))))); 

Answer 2

$("#target").append(dest.append(desul.append(desLi.append(desa))));