appendメソッドを使えば、eachで繰り返し処理を実行できるのですが、htmlメソッドだと繰り返し処理が出来ません。
出来ないというのは、7回繰り返したいのですが、最後のjsonしか持ってくれずに、表示されてしまっている状態です。
それを、HTMLメソッドでやりたいのと、なぜそうなるのか理由も知りたいです。
そもそもhtmlメソッドは書き換える機能があるのでそうだとは思うのですが、納得ができないのでお力添えをしていただきたいです。
jquery
1コード 2.done(function(data) { 3 $.each(data.colorsArray,function(){ 4 $('.colorList').append( 5 $('<li>').addClass('colorList__item').append( 6 $('<p>').addClass('colorList__title').css('background-color',$(this)[0].hexValue).text($(this)[0].colorName) 7 ) 8 ); 9 }); 10 });
jquery
1コード 2.done(function(data) { 3 console.log(data) 4 var colorlist; 5 $.each(data.colorsArray,function(){ 6 console.log(this) 7 colorlist = '<li class="colorList__item">' + 8 '<p class="colorList__title" style="background-color: ' + this.hexValue + ';"> '+ this.colorName +'</p>' 9 '</li>' 10 }); 11 12 $('.colorList').html(colorlist); 13 });
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/05 09:17
2019/03/05 09:19
2019/03/05 09:24