Jqueryで該当要素htmlを子孫要素含めてすべて取得したい

Question

Jqueryでhtmlの要素を取得する場合、「html()」で取得できるかと思います。

ですが最初の要素しか取得できず例えば下記のコードで、
「$("#1").html();」の値をとった場合、「<div id="2"></div>」の値しか取得できません。

<div id="1">
  <div id="2">
    <div id="3">
    </div>
  </div>
</div>

子孫要素をすべて取得する場合どのようにすればよいでしょうか？

Answer 1

$("#1").html() で以下が取れます。
もう一度確認してみてください。

<div id="2">
  <div id="3">
  </div>
</div>

<div id="1"> からもとりたければ、以下のようにすればとれます。 ```javascript $("#1")[0].outerHTML ```