javascript - 如何遍历表 tr 并获取第一个 td 的值？ JavaScript

Question

我有一个函数，我想在每个表行中获取第一个 td 的值。循环时我想将这些值中的每一个与用户选择的日期值进行比较。比较日期后，我需要获取该值在表中的位置。这是我的代码示例:

HTML 表格:

<table id="tblBody_DBA">
    <tbody>
        <tr id="Att_5258717">
            <td>03/28/2017</td>
            <td></td>
        </tr>
        <tr id="Att_5258339">
            <td>03/25/2017</td>
            <td>03/26/2017</td>
        </tr>                       
        <tr id="Att_5258337">
            <td>03/22/2017</td>
            <td>03/24/2017</td>
        </tr>
        <tr id="Att_5258332">
            <td>03/16/2017</td>
            <td>03/21/2017</td>
        </tr>
        <tr id="Att_5258331">
            <td>03/10/2017</td>
            <td>03/15/2017</td>
        </tr>
    </tbody>
</table>

 function sortRow(distType, rowId){
        var newVal = document.getElementById("newDate").value; //this is new value that I have to compare against existing values and return position in the table.
        var tblID = document.getElementById("parentTable").value;
        var table = window.parent.document.getElementById("tblBody_"+tblID);
        var arrayDates = [];

        for(var i=0; table.rows.length; i++){
            //Here I'm getting JavaScript error: TypeError: table.rows[i] is undefined
            alert(table.rows[i].cells[0].innerHTML);
        }

    }

我正在获取警告框中每个表格单元格的值，但最终错误显示在我的调试器中。如果有人可以提供帮助，请告诉我。我无法使用 JQuery，纯 JavaScript 是在我的案例中完成此操作的唯一方法。

Answer 1

您可以从每个 tr 中获取第一个 td 具体来说:

var table = document.getElementById('tblBody_DBA');
var targetTDs = table.querySelectorAll('tr > td:first-child');


for (var i = 0; i < targetTDs.length; i++) {
    var td = targetTDs[i];
    console.log(td.innerHTML);
}