[jQuery] クリックされたリストの番号やテキストを取得する方法

photo_00164

HTMLのリスト(ul,li)でクリックされたリストの番号やテキストを取得する方法です。リストをクリックした時にその値をテキストフィールドに反映させたりするときに多用します。プログラムは数行で書けるのでとても簡単です。

クリックされたリストの番号を取得

HTML

jQuery

リストをクリックするとアラートに 「要素:3番目」というように、クリックしたリストの番号が表示されます。$(this).index は0番から始まるので +1 を加えています。

クリックされたリストのテキストを取得

HTML

jQuery

リストをクリックするとアラートに 「テキスト:バナナ」というように、クリックされたリストのテキストが表示されます。関連記事

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿