javascript - 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(dest.append(desul.append(desLi.append(desa))));

Answer 2

変数で区切ることなく、以下のように実行できます (必要な場合を除く)。

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