<a href="#" class="hoge">テスト</a> のような場合に、"テスト"というaタグの表示名を取得したい。

Question

<div class="pager">
    <a href="?p=1" class="btn btn-default">1</a>
    <a href="?p=2" class="btn btn-default">2</a>
    <a href="?p=3" class="btn btn-default">3</a>
    <a href="?p=4" class="btn btn-default">4</a>
    <a href="?p=5" class="btn btn-default">5</a>
  </div>

上記htmlはphpで作成したページャーの部分です。
ここで、"1"や"2"など、aタグの表示名(?)を取得したいです。

しかし、var string = $('.pager > a').text();とすると、
"12345"のように、まとめられて取得されてしまいます。

"1"、"2"、"3"のように、1個1個取り出したいです。
配列に1個1個の値を格納するようなイメージです。

どのような方法があるのでしょうか？
アドバイスのほど、よろしくお願いいたします。

Answer 1

.each内で$(this).text()を使います。

var arr = [];
$('.pager > a').each(function() {
  arr.push($(this).text());
});
console.log(arr);
// ["1", "2", "3", "4", "5"]

Comments

[minyouyuu]

こんなに早くにご回答くださり、ありがとうございました！
eachを使うのかな？とは思っていましたが、具体的な書き方が分からず困っておりました。
おかげで解決できました！