今回は、jQueryを使ってクリックしたliタグ要素の番号(index)と値(text)を取得し表示する方法をご紹介します。 初心者でも分かりやすく、ステップバイステップで解説しますので、ぜひ参考にしてみてください。 クリックしたliタグ要素の番号と値を取得し表示するCSSの記述 まずは、必要なCSSの設定です。ここでは、簡単なスタイルを設定していますが、必要に応じて変更してください。 <style> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"MS Pゴシック",Arial,sans-serif; padding: 0; margin: 0; } h1{ font-size:18px; line-height:1.6em; text-align:center; font-weigh