メシのタネ

Webプログラミング 備忘録

  • AWS移行でコケ中

    現在このWebサイトが稼働している、このサーバーのMySQLをマスターとし、AWS上のRDSをスレーブとして、データ移行をしようと思ったが、バイナリロギングの取得が上手くいかない。多分の手順VPSのDBでスレーブ用のユーザ作成バイナリロギングを行うスレーブ側RDSにマスターのDUM[...]

    続きを読む
  • AWS ソリューションアーキテクト アソシエイトに合格しました。

    実は、今日までIT無資格でした。ええ歳だし、そろそろなんか資格取っておくかーと考えだしたので、取って嬉しい資格を取ろうと思ってたところ、AWSの資格あったなーと思って、調べてみたら、みんな14日で受かる!とか言ってるので、じゃあというこで、試験日14日後とかにして、試験の予約入れたのが地獄の始まり[...]

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

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

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

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

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

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

    続きを読む

今日から役立つjQueryの小技!クリックされた奴をどうにかする方法

jQuery11

正直こんな大げさなタイトルつけなくてもイベントの拾い方で良いんですけどね、こういうタイトルにしないと誰も見ないんですよ。イベントの拾い方とかタイトル書いたって、誰もクリックしてくれないんですよ!ちょっと今日は派手にタイトルつけさせてください!お願いします!というわけで、例えばナビゲーションの文言が変えたいとか、className取得したいとか、そういう事についてやり方かいていきます。

クリックされた奴は取得できる

例えば、ulタグの中にliタグが3つ並んでたとします。この中から真ん中のliタグが押された場合、そのliタグの情報はeventオブジェクトのtargetプロパティの中に入ってます。

targetプロパティ取得方法

こうやれば取得できます。デベロッパーツールのコンソールからどうなってるか見えます。

liタグの文言変更

この123…と並んでるリストタグの値を変えたい時にはこうやります。

クリックするとliタグ内の値が変わります。

idやクラスを取得したい場合

クリックされた要素のIDがxならyをするみたいな事がしたい場合があります。条件分岐する為にIDやclassNameが必要になる場合があります。

こうやって取得することができます。1番目しかクラスはついてないので注意して下さい。

指定した要素から何番目の要素か

クラスかIDが振ってない時にこの要素が何番目の要素なのか知りたい場合があります。

こうやれば得ることができます。

とりあえずぜんぶ

いかがだったでしょうか。クリックした時にこれだけの情報が分かると、色々制御しやすいんじゃないでしょうかってことで今日はこんな記事にしてみました!コード全部のっけときます。それではまた来週!

関連記事

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