jquery - 使用 jquery 通过 ID 获取第 tfoot 个值

Question

请看以下内容:

<table border="0" id="npoGridView">
            <thead>
                <tr>
                    <th>Quantity Order</th>
                    <th>Cost P.U</th>
                    <th>Total</th>
                </tr>
            </thead>
            <tbody>
                   //TD .......      
            </tbody>
               <tfoot>
                  <tr>
                    <th>Quantity Order</th>
                    <th>Cost P.U</th>
                    <th id="15">Total</th>
                  </tr>
              </tfoot>
        </table>

我已经在 tfoot 中为 th 提供了 id(即 id="15")，现在我想使用 jquery 获取 th 值.

如何使用 jquery 获取特定的 th 值表单页脚？

Answer 1

$('#npoGridView tfoot').each(function() {
  console.log($('th', this).text());
});

获取任何特定th的值喜欢<th id="15">Total</th> ;

$('tfoot th#15').text();

可以得到th的值像下面这样:

$('tfoot th:eq(0)').text(); // output: Quantity Order

$('tfoot th:eq(1)').text(); // output: Cost P.U

$('tfoot th:eq(2)').text(); // output: Total

你可以使用 .text()或 .html()如您所愿。

更新 th 的值然后使用:

$('tfoot th#15').html($grandTotal);

或

$('tfoot th#15').text($grandTotal);

注意 不要只使用数值作为 id .