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

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

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

HTML

jQuery

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

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

HTML

jQuery

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



Author: webmaster