jsの勉強をしていますがリスト項目のクリックした項目のliタグ中のテキストと数字を表示させるようにしたいのですがうまくいきません(m_ m)
わかる方がいらっしゃれば教えていただきますようよろしくお願いいたします(m _m)
###エラー内容
エラー表示はなし
###期待する動作
html内のliタグのテキストと変数i
の値がアラートで正しく表示されるようにしたい
###試したこと
li.addEventListner
以降の部分を
js
1function(){ 2 3}())
で囲んでみましたがうまくいきませんでした(m_ _m)
###該当のソースコード
html
1 2<!DOCTYPE html> 3<html lang="ja"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9</head> 10<body> 11 <ul> 12 <li>one</li> 13 <li>two</li> 14 <li>three</li> 15 <li>four</li> 16 <li>five</li> 17 </ul> 18 19 <script type="text/javascript"> 20 var items = document.querySelectorAll('li') 21 22 for(var i = 0; i < 5; i++){ 23 var li = items[i] 24 25 // (アラート表示で常にfive:5が表示される) 26 li.addEventListener('click', function () { 27 alert(li.textContent + ':' + i) 28 }) 29 } 30 </script> 31 32</body> 33</html> 34
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/02 14:05