メシのタネ

Webプログラミング 備忘録

  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

【jQuery】クリックしたタグが何か調べる方法

shiraberu

クリックしたノードの属性とか取得する方法は出てくるんですけど、
今クリックしたノード(要素)が何か調べたい時ってあります。

例えば、クリックした場所でおもむろに
君が好きだと叫びたいとCSSでデコった渾身のメッセージボックスを表示したい時だとか
多くの場合、そういうときだと思います。ごめんなさい違う場合が大半だと思います。

jQueryのclickメソッドへ引数を渡す

clickメソッドに引数渡すと
イベントオブジェクトが渡せます。

イベントオブジェクトっていうやつに、
clickされた要素についての情報が入ってます。

eventobjall

これがそいつです。

イベントオブジェクトのプロパティ

イベントオブジェクトの中には
色んなプロパティが入っています。
その一部がこれです。

eventobjpropaty

プロパティっていうのは物体の一部だと思ってます。
人間で言うなら、手とか足とか口とかそういうもんだと自分で解釈してます。

targetプロパティへアクセス

この中のtargetプロパティへアクセスします。
ちなみに、targetプロパティの中身はこんなんです。
これが全部じゃないです。

eventobjtarget

ここにアクセスする為に、コードを書きます。
内容はこんな感じです。

jQuery(function(){


$("body").click(function(obj){
     console.log(obj.target); //クリックしたタグごと取得します。
     console.log(obj.target.innerHTML); //クリックしたタグの中の文章を取得します。
});


});

というように、書き方によって多少変わります。
.の後を他のやつに変えてやれば、他のやつが取得できます!

ちなみにこれらを実行するとこうなります。

objresult

地味かも知れませんが、使う機会があると思うので
クリックされた要素が何なのか知りたい時には
こんな感じで取得するのがいいかもしれませんね!

関連記事

コメントをお待ちしております