【JS】jQueryでリストタグ（<li>）のテキストを取得する方法
2025/04/28
リストタグ(<li>)に設定されているテキストの取得方法です。
絶対にまた調べることになると思うのでその部分だけを忘備録として書いておきます。
リストタグ(<li>)のテキストを取得する
サンプルリスト
|
1 2 3 4 5 6 7 |
<ul id="sampleList"> <li class="t1">リスト１</li> <li class="t2">リスト２</li> <li class="t3">リスト３</li> <li class="t4">リスト４</li> <li class="t5">リスト５</li> </ul> |
jQueryコード
|
1 2 3 4 5 6 7 |
// 仮に指定 var sampleIndex = 1; // テキスト取得 listVal = $('ul#sampleList').find('.t' + sampleIndex).text(); console.log(listVal); |
上のコードで、「リスト１」というテキストが listVal変数に代入されます。
簡単ですね！