jqueryの超初心者です
jsonから読み込んだデータをもとに<li>を作成して<ul>オブジェクトに追加するという処理を行っています。
Javascript
1var ul = $('<ul>'); 2 3for (var i = 0; i < json.length; i++) { 4 ul.append('<li><a href="' + json[i].image.replace('.jpg', '_big.jpg') + '"><img src="' + json[i].image + '" width="150" height="90"></a><br><p>' + json[i].caption + '</p></li>'); 5}
aタグにクリックイベントを登録するために、これを各要素を個別に作成した後に、<li>に追加する形に修正したいと思い以下のコードを実装しました。
JavaScript
1var ul = $('<ul>'); 2 3for (var i = 0; i < json.length; i++) { 4 5var img = $('<img>'); 6img.src = json[i].image; 7img.width = "150"; 8img.height = "90"; 9 10var a = $('<a>'); 11a.href = json[i].image.replace('.jpg', '_big.jpg'); 12a.append(img); 13//aタグにクリックイベント登録 14 15var li = $('<li>'); 16li.append(a); 17li.append('<br><p>' + json[i].caption + '</p>'); 18 19ul.append(li); 20 21}
しかし、このような実装をしても変更前と同じように動作しません。
どこが誤っているのかわかる方ご教授お願いします。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/14 00:35