jQueryで指定した要素自身のHTML

質問

jQueryを使用していて困っています。

下記の様なHTMLがある場合に

<div id="hoge">
　　<div id="first">hoge</div>
　　<div id="second">hogehoge</div>
　　<div id="third">hogehogehoge</div>
</div>

“<div id="second">hogehoge</div>”を取得したいです。

$("#second").html()では、
　　hogehoge
が取得されることになりますし、

$("#hoge").html()では、
　　<div id="first">hoge</div><div id="second">hogehoge</div><div id="third">hogehogehoge</div>
が取得されることになると思います。

$("#second").wrap("<div class='target'></div>")して、
$(".target").html()を取得しても良いのですが、
他のところで影響がでそうで怖いので、できれば避けたいです。
（殆ど完成状態にありますので……）

何か良い方法はありますでしょうか？

回答No.2

noname#137826 · ベストアンサー

例えば、

$('<div>').append($('#second').clone()).html()

で、どうでしょう？.clone()を使ってコピーを作り、それを「入れ物」にいれてから.html()で中身を取得する、という方法です。

お礼

なるほど！！
確かにそれならいけますね！！

助かりましたありがとうございます！！

回答No.1

noname#140082

ゴメンなさい。私も詳しくないので（勉強中なので）具体的な記述がわかりませんが、
:nth-child(2)を使えばできるのではないでしょうか。（1から始まる要素数）

また、
:eq(1)でもいいみたいです。（0から始まる要素数）

参考URL：

http://semooh.jp/jquery/api/selectors/:nth-child/

お礼

ありがとうございます。
少し方向がずれた回答ですね。

実は、今となっては、outerHTML使えば良いんじゃね？と思いましたｗｗｗ