jqueryでliを取得して配列に入れたい。

Question

お世話になります。
どうしてもわからなくて質問をさせて頂きました。

      <ul class="all">
        <li class="a"><a href="#"></a></li>
        <li class="b"><a href="#"></a></li>
        <li class="c"><a href="#"></a></li>
        <li class="d"><a href="#"></a></li>
      </ul>

<li>のhtmlをすべて取得して、配列に入れたいのですが

      var box = $('.all').html();
      console.log(box);

でhtmlを取得しようとした場合、

<li class="a"><a href="#"></a></li> <li class="b"><a href="#"></a></li> <li class="c"><a href="#"></a></li> <li class="d"><a href="#"></a></li>

上記のように文字列で取得してしまいます。
この文字列を配列にするにはどうすれば宜しいでしょうか。
ご教授頂けますと幸いです。

Answer 1

var hoge = $('.all').children('li');

jQueryオブジェクトの配列で取れると思います。

    $('.all li').each(function(index) {
        console.log($(this));
    });

上記で直接liを取得してループで処理する事もできると思います。

Comments

[LanHma]

ありがとうございます!参考になりました。

Answer 2

yunnさんのやり方がシンプルで良いかもしれませんね。
解決済でしたが、下記ご参考までに。

	// li をすべて取得する
	var lis = $('.all').find('li');

	// li の個数分ループし、配列に格納する
	var lisArray = [];
	for (var i = 0; i < lis.length; i++) {
		lisArray.push(lis[i]);
	}
	console.log('[DEBUG] lisArray: ', lisArray);

Comments

[LanHma]

ご丁寧にありがとうございます！参考になりました！

Answer 3

こんな感じ？

var 配列入れる変数 = box.split('\n');

Comments

[LanHma]

ありがとうございました！まさにこの方法でした！感謝致します。