javascript - 在 jQuery 中通过 id 获取我的 td 单元格的值

Question

在 google chrome 上检查元素时可以看到以下 HTML。

<table id="table_id">
    <tr role="row" class="odd">
        <td id="aptDate0" class="sorting_1">2015-03-08</td>
        <td id="aptDateEnd0" style="display:none;">2015-03-08</td>
        <td id="Start0">10:30:00</td>
        <td id="End0">11:30:00</td>
        <td id="Duration0">01:00:00</td>
        <td>John Doe</td>
        <td>Jane Doe<td>
        <td id="Status0">n/a</td>
    </tr>
    <tr role="row" class="odd">
        <td id="aptDate1" class="sorting_1">2015-03-08</td>
        <td id="aptDateEnd1" style="display:none;">2015-03-08</td>
        <td id="Start1">10:30:00</td>
        <td id="End1">11:30:00</td>
        <td id="Duration1">01:00:00</td>
        <td>John Doe</td>
        <td>Jane Doe<td>
        <td id="Status1">n/a</td>
    </tr> ... and so on
</table>

我以前使用的是 document.getElementById('id').innerHTML 但现在我必须调用 $(document).ready(function() 中的函数，因此我需要使用 jQuery 来获取值。

我有以下循环:

for (i=0; i < 10; i++){

    var aptDate = $('#table_id #aptDate'+i).textContent;
    //textContent returns undefined
    var aptDate = $('#table_id #aptDate'+i).text();
    //.text() returns an empty string
    var aptDate = $('#table_id #aptDate'+i).val();
    //.val() returns undefined
    var aptDate = $('#table_id #aptDate'+i).html;
    //.html retturns function (e){return x.access(this,function(e){var       n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!x.support.htmlSerialize&&mt.test(e)||!x.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(x.cleanData(Ft(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)}
    console.log(aptDate);
 }

我的数据表初始化如下:

 $('#table_id').dataTable({
                bProcessing: true,
                bServerSide: true,
                "sAjaxSource": "script.php",
                "rowCallback": function( row, data, index ) {

                    if ( data[9] == "0" ) {
                        $('td:eq(9)', row).html('Not scanned');
                        $('td:eq(9)', row).css("color", "red");
                    }
                    else if (data[9] !== data[12]){
                        $('td:eq(9)', row).html('Incorrect QR Scanned');
                        $('td:eq(9)', row).css("color", "red");
                    }
                    else{
                        $('td:eq(9)', row).html('Scanned');
                    }
                    $('td:eq(1)', row).css("display", "none");
                    $('td:eq(12)', row).css("display", "none");
                    $('td:eq(13)', row).css("display", "none");

                    $('td:eq(0)', row).attr("id", "aptDate"+index);
                    $('td:eq(1)', row).attr("id", "aptDateEnd"+index);
                    $('td:eq(2)', row).attr("id", "Start"+index);
                    $('td:eq(3)', row).attr("id", "End"+index);
                    $('td:eq(4)', row).attr("id", "Duration"+index);
                    $('td:eq(7)', row).attr("id", "Status"+index);
                    $('td:eq(8)', row).attr("id", "hasInternet"+index);
                    $('td:eq(9)', row).attr("id", "QRScanned"+index);
                    $('td:eq(12)', row).attr("id", "suID");
                    $('td:eq(13)', row).attr("display", "aptID");
                    //update();
                  }
});

如何获取我的 td 单元格的innerHTML。我可以看到屏幕上的表格上都有它们的值。

编辑我忘记提及我正在使用数据表。这与为什么这些解决方案对我不起作用有什么关系吗？

Answer 1

使用.text()或.html()，.val()旨在获取value=""属性。您还可以使用 native JavaScript 属性“textContent”。

http://jsfiddle.net/8f0oac6o/2/

for (i=0; i < 2; i++){
    var aptDate = $('#table_id #aptDate'+i).text();
    console.log(aptDate);
    var aptDate = $('#table_id #aptDate'+i).html();
    console.log(aptDate);
     var aptDate = document.getElementById ( "aptDate"+i ).textContent;
     console.log(aptDate);
 }