如何遍历此表行和单元格并使用jquery获取单元格值？

Question

我希望通过遍历此表的行来将此表格单元格数据输入到jQuery中。我怎么能这样做？

<table class="table table-bordered" id="table_GemList">
    <thead>
        <col style="width: 25%">
        <col style="width: 25%">
        <col style="width: 25%">
        <col style="width: 25%">
    </thead>
    <tbody id="GemListBody">
        <tr>
            <td>Oval</td>
            <td>Red</td>
            <td>2.23</td>
        </tr>
        <tr>
            <td>Oval</td>
            <td>Red</td>
            <td>2.23</td>
        </tr>
    </tbody>
</table>

Answer 1

非常简单 - 您可以使用td选择所有$("#GemListBody td")并使用.each()循环播放它们，如下所示：

$("#GemListBody td").each(function(){

    var td = $(this);

    console.log( td.text() );

});

这会将所有td文本打印到控制台中。

$(function(){

  $("#GemListBody td").each(function(){

    var td = $(this);
  
    console.log( td.text() );

  });


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table table-bordered" id="table_GemList">
    <thead>
        <col style="width: 25%">
        <col style="width: 25%">
        <col style="width: 25%">
        <col style="width: 25%">
    </thead>
    <tbody id="GemListBody">
        <tr>
            <td>Oval</td>
            <td>Red</td>
            <td>2.23</td>
        </tr>
        <tr>
            <td>Oval</td>
            <td>Red</td>
            <td>2.23</td>
        </tr>
    </tbody>
</table>