eachの取得数が複数となる

Question

<div class="txt_bx">トマト</div>
<div class="txt_bx">かぼちゃ</div>

    $(".txt_bx").each(function(i,elem) {
        console.log($(elem).text());
    });

eachで回して
div .txt_bx の内容を取得しています。

取得する要素は2つで、それらが出力されるものと考えていたのですが、
コンソールで出力を見るとなぜか、以下のように２回分取得している結果となります。

トマト
かぼちゃ
トマト
かぼちゃ

なぜ、このようになるのでしょうか？

Answer 1

ご提示のソースでは１回しか表示されないと思いますが・・・
ちなみにeachで処理するなら$(this)でうけてください

$(function(){
 $(".txt_bx").each(function() {
   console.log($(this).text());
 });
});

もしくは走査して配列でうける

$(function(){
  console.log($(".txt_bx").map(function(){
    return $(this).text();
  }).get());
});

Comments

[退会済みユーザー]

ありがとうございます。
そうなのですね。何か別の要因があるか調べてみます。

[退会済みユーザー]

railsで使用していたのですが、以下のようにターボリンクスを利用していたのが原因のようです。
$(document).on('ready turbolinks:load', function() {}

$(function(){}
に変更すると重複は解決しました。