如何在表格上检索相同的文本值?

时间:2013-12-11 23:45:30

标签: javascript jquery

如何使用javascript或jQuery在此表上检索相同的日期值? 我需要以一种方式操纵它,我可以在不重复日期的情况下将所有信息编译在同一日期。

Fiddle

<table>
<tbody>
    <tr>
        <td>10/19/2013</td>
        <td>John Doe</td>
        <td>3 Margueritas</td>
    </tr>
    <tr>
        <td>10/19/2013</td>
        <td>Mary Jane</td>
        <td>2 Sodas</td>
    </tr>
    <tr>
        <td>10/25/2013</td>
        <td>Paul Stanley</td>
        <td>1 Cold Gin</td>
    </tr>
    <tr>
        <td>10/25/2013</td>
        <td>Jenny Johnson</td>
        <td>2 Cosmopolitans</td>
    </tr>
    <tr>
        <td>10/25/2013</td>
        <td>Francis Patton</td>
        <td>10 Beers</td>
    </tr>
    <tr>
        <td>01/06/2013</td>
        <td>Taylor Dalton</td>
        <td>4 Tequila Shots</td>
    </tr>
</tbody>

2 个答案:

答案 0 :(得分:1)

假设它们已经排序,您可以遍历日期并删除之前日期相同的日期。

var dates = $('td:first-child');
for (var i = 1; i < dates.length; i++) {
    if ($(dates[i]).html() == $(dates[i - 1]).html()) {
        $(dates[i]).html('');
    }
}

答案 1 :(得分:1)

按顺序假设日期

var dates = [];
$('#myTable tr').find('td:eq(0)').text(function (i, date) {
    var exists = $.inArray(date, dates) > -1;
    if (!exists) dates.push(date);
    return exists ? '' : date;
});

DEMO