dom要素のhtml取得について－get()

質問

dom要素のhtml取得について－get()メソッドを使用するのがいいのか？

don要素のhtmlを取得したいと考えていますが
うまくいきません。

以下htmlです。

-------------------------------------------------
<div id="hoge">
<div class="day-number">16</div>
<div class="kurasuhoge"><a href="http://hogeURL.com" class="anker">○</a></div>
<div class="day-number">17</div>
<div class="kurasuhoge"><a href="http://hogeURL2.com" class="anker">○</a></div>
</div>
-------------------------------------------------

この中のアンカータグを取得し配列に格納したいです。以下のように格納出来れば理想です。

var hairetsu = {16:'<a href="http://hogeURL.com" class="anker">○</a>',17:'<a href="http://hogeURL2.com" class="anker">○</a>'];

まずはアンカータグを取得と思い以下を書きました。
-------------------------------------------------
var hensu = $("#hoge .anker").parent().get();
alert(hensu);
-------------------------------------------------

結果[object HTMLDivElement],[object HTMLDivElement]
と表示されてしまいます。

今getメソッドを使用していますが
他にいいメソッドがあればアドバイスいただけたら嬉しいです。
まとめますと
「#hogeの中の.anker要素をもつhtmlソースを摘出し配列に格納したいです。」
修正方法をご教示いただければ幸いです。

回答No.1

Ogre7077 · ベストアンサー

jQuery における get() とは、
「HTML要素を表すDOMオブジェクト」
を格納した配列を生成する処理です

HTMLのテキストを取得するならば
jQuery の html() がありますが、
これは
「"最初"のHTML要素の中身HTML」
を文字列で返す処理なので、
「"全て"のHTML要素の中身HTML」
を格納した配列を生成する必要があるならば
jQuery の map() を併用しなければいけません

例:
var 配列 = $(対象).map(function(){return $(this).html()}).toArray();

余談ではありますが

JavaScript において、
[123, 'abc', true] のようなデータを「配列」と呼びますが、
{a:1, 'b':'xyz'} のようなデータは「オブジェクト」または「連想配列」と呼びます。
お間違いなきようお願いします

お礼

Ogre7077さん、ご回答ありがとうございます！

このような書き方でいけるのですね！
助かりました！

配列の件も失礼致しました。
javascriptはオブジェクトと呼ぶのですね。
勉強になりました！

ありがとうございましたｍ（＿）ｍ