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>
♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。
zanmai @2016年03月31日
» ①②③④の順で設定できるはず。…