ホーム » ブログ » Jqueryのeachが動かない?
このエントリーをはてなブックマークに追加
@2018/01/23

スポンサーリンク
Jqueryのeachメソッドが動けません!
セレクター名名や括弧及び全角半角などを何回確認し、すべて問題がありません!!
Jqueryを5年以上の経験を持っている僕は、1時間を費やしても解決できませんでした!!!
最後、HTMLコードの書きミスでeachメソッドが動かない原因をわかりました。
HTMLコード:

<div class="fst-cls" id="aa" class="sec">
...
...
</div>
<div class="fst-cls" id="bb" class="sec">
...
...
</div>
<div class="fst-cls" id="cc" class="sec">
...
...
</div>

Jquerコード:


$(".sec").each(function(i, elem) {
    console.log(i + ': ' + $(elem).text());
});

うごかしたら、コンソールに何も出ていない!
NULLオブジェクトとなってしまいます。!!
原因は、HTMLのDIVタグのクラス名は2個所があってしまい、Jqueryは初めてclass属性を表したら、それをselectにし、後ろのclass属性を無視しているため、今回のeachが動かない現象となりました。
HTMLを以下のコードに書き直したら、うまく動くようにしました。
HTMLコード:

<div class="fst-cls sec" id="aa">
...
...
</div>
<div class="fst-cls sec" id="bb">
...
...
</div>
<div class="fst-cls sec" id="cc">
...
...
</div>

♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
1人
このエントリーをはてなブックマークに追加


★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。

お名前:

 

EMAIL:

 

URL:

 

認証コード:

zanmai.net-safecode

 


※会員の方は認証コードを要らないから、新規登録をオススメ!

check