3

我似乎无法做到这一点。我.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');

在此处输入图像描述

4

1 回答 1

2

你是否在追求这样的事情：

JSFiddle：http: //jsfiddle.net/MvHTR/5/

$('#tblHospitals').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>' + '<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(4).html() + '</span>');
});

看起来您想查找所有包含 tds 且 class=Chats 的行，然后处理每一行并手动从每个 TD 中提取数据。您正在处理子 TD（这使得它比处理每一行更难）。

您还使用选择器将结果附加到每个前面的 li 中$('#region3 li')，您只需要在其中添加刚刚添加的特定 LI。

我使用 JQuery 语法来获取 html，但如果您愿意，也可以使用原始 DOM 元素。

如果不是，请澄清问题。

于 2013-10-04T14:01:09.370 回答