私はこれを正しく理解できないようです。my.each()
は 5 つの要素すべてを返しますが、タイミングがずれています。また、の各要素を取得するための構文を正しく取得できないようです.each()
:
$(data).find("tr td.Chats").filter(':gt(6)').each(function(){
$('#region3').append('<li></li>');
$(this).find('td').each(function(k,v){
$('#region3 li').append(
+ '<span class="countyHx">' + (this)(1).innerHTML + '</span>'
+ '<span style="width: 20%; background-color: yellow;">' + (this)(1).innerHTML + '</span>'
+ '<span style="width: 20%; background-color: red;">' + (this)(2).innerHTML + '</span>'
+ '<span style="width: 20%; background-color: green;">' + (this)(3).innerHTML + '</span>'
+ '<span style="width: 20%; background-color: orange;">' + (this)(4).innerHTML + '</span>'
+ '<span style="width: 20%; background-color: purple;">' + (this)(5).innerHTML + '</span>');
});
});
$('#region3').listview('refresh');
}, 'html');
これがJSFiddleの私のテーブルデータです
アップデート:
私はほとんどそこにいます、私のリストビューの更新は更新されていません!
$(data).find("tr:has(td.Chats)").each(function () {
var $li = $('#region3').append('<li></li>');
var $tds = $(this).find('td');
$li.append('<span class="countyHx">' + $tds.eq(0).html() + '</span><br>'
+ '<span style="width: 20%; background-color: yellow;">'
+ $tds.eq(1).html() + '</span>'
+ '<span style="width: 20%; background-color: red;">'
+ $tds.eq(2).html() + '</span>'
+ '<span style="width: 20%; background-color: green;">'
+ $tds.eq(3).html() + '</span>'
+ '<span style="width: 20%; background-color: orange;">'
+ $tds.eq(4).html() + '</span>'
+ '<span style="width: 20%; background-color: purple;">'
+ $tds.eq(5).html() + '</span>');
});
$('#region3').listview('refresh');