【jQuery】タッチしたボタンのid要素を取得する・・・ことが出来ない

【jQuery】タッチしたボタンのid要素を取得する・・・ことが出来ない

Web業界のフロントエンジニアで使えないと迫害されるレベルまで普及しノウハウも業界に蓄積されてきているjQueryを今更学んでいます。

すごく簡単なjQueryのコーディングを任されてやっているのですが、全くもって、いや微塵も進んでません。
javascript自体今までの業務で全く使っていなかったのでほぼ初めてといっても過言ではないレベルなので苦労しています。

追記
出来ました!!

【参考リンク】

【jQuery】タッチしたボタンのid要素を取得する・・・ことが出来た【解決編】 – SakanaTech

 

やりたいこと

  • タッチしたボタンのid要素を取得する
  • 3種類あるボタンそれぞれで異なる動きをするためif文で振り分けを行う

いやほんと、贅沢言ってなくてコレだけなんですよ。
めっちゃ簡単だし、ロジック・・・というか仕組みは嫌というほど理解してるんですが全然期待どおりに動いてくれない。

きっと、idが正しく取得出来ていません。

 

jQuery使えないエンジニアなんてこのご時世いるの?

いました。辛いです。真剣に辛さを感じてます。

$(document).on('click', function (event) {
    var touchBtn = event.target.id;
    console.log(touchBtn);
    if (touchBtn == '#Btn1,#Btn2,#Btn3') {
        alert('ok');
        Action(touchBtn);
    }
});

ページ内をクリックされた時のid要素を”touchBtn”っていう変数に放り込んで、touchBtnがどのボタンか判定しようとしてるんですが、全ッ然if文の中に入ってくれないんですよね。本当に何が悪いかすら分からない。

 

何が悪いのか分からない状態

jQueryに関する情報はネット上に捨てる程転がっています。
が、やりたいことに対する答えは往々にして見つけることが困難で前に進むことが出来ない状況に陥りました。

新しい言語を学ぶ時にいきなりハマるとこんな基本的なことで数時間余裕で使ってしまいます。
人生の無駄遣いですよね。解決策わかったら「何がダメだったのか」「どういう考え方をすればjQueryと仲良くなれるか」に着目して記事にしてメモしておきます。

 

ほんとにわからなくて辛い。

【jQuery】タッチしたボタンのid要素を取得する・・・ことが出来ない

SNSへのシェアはこちらから!

ABOUTこの記事をかいた人

工業高等専門学校を卒業後、NTTグループのSI企業に就職。数々の炎上案件を鎮火するために日本各地を5年間転々とする。2015年に一般ユーザ向けのWebシステム開発案件のチームリーダとして業務に従事し、改めて"Webのものづくりの楽しさ"に気付きWeb制作会社に転職。Web制作やアクセス解析を使ったオウンドメディアの運用改善などを行っていく中で、もっとユーザー目線でWebをただ制作するだけではなく企画や運用まで幅広い領域で仕事がしたいと感じるようになり、Webディレクターのキャリアを目指す。日本中のビジネスホテルに詳しく、犬や猫よりも鳥派。