【GA計測にも使える!】押された要素が何番目なのかを調べる方法。limit!webの現場で働く人のブログこの広告は、90日以上更新していないブログに表示しています。2016-11-10【GA計測にも使える!】押された要素が何番目なのかを調べる方法。押された要素が何番目か調べる方法は、いくつかありますが個人的によく使うものをご紹介します。jQueryを使用しています。パターン1:リストで何番目を押されたかを調べる。$("li").index(this);});純粋にli要素を押したものをindex(this)で返せば良いです。パターン2:子要素(a)を押して、親要素(li)が何番目かを調べる。false;});押した要素の親要素を取得し、prevAll()を使いその要素の前以前にある兄弟要素の数を数えることで何番目かを判定します。例)3番目のリンクを押した場合、3番目の要素より前にある兄弟要素は1番目と2番目の要素になるので返り値は“2”になる。$(this).parent().parent().prevAll().length;a要素のお父さんは、spanお父さんでそのお父さんは、liお父さんで..みたいなノリのやつですね。ソースを見返した際に分かりずらいし、目的の要素を探すのに無駄な処理だと思います。一歩ミスったら取得できないですし...危険ッ。ことで、parents(elem)で探した方が断然わかりやすいのでオススメです。class名やID名も指定できるのでかなり便利。パターン3:子要素(a)を押して、親要素(.test)が何番目かを調べる。false;});子要素(a)の親要素(.test)を取得し何番目かを返すやり方です。DEMOパターン1からパターン3までのDEMOになります。CodePen.いかがだったでしょうか。parents()は使い方によっては、押した要素の親のclass名を取得したり、ID名を取得したり色々便利ですね。そのclass名やID名をlabelにしてdatalayerでもってpushすることもできたり、label名の指定に取得した番号と文字列を合わせてpushすることもできそうですね!ソースのダイエットにも繋がります。16:25【GA計測にも使える!】押された要素が何番目なのかを調べる方法。2016年を振り返って。最新記事.htaccessによる少し複雑なリダイレクト備忘録Webの現場で使えるテクニック集まとめ(完全メモ帳)jQueryを使用しない現在地表示(ES6:JavaScript)【JavaScript】現在のURLを取得し、パラメータは除外するJSONジェネレータを作る(Vue.jsとかJavaScriptとか)月別アーカイブ注目記事はてなブログをはじめよう!paradox_tmさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。