使用jquery通过ID获取tfoot值

时间:2012-05-27 17:20:30

标签: jquery html html-table

请看以下内容:

<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 (即id =“15”)中给了 th 的id,现在我希望使用jquery获得 th

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

3 个答案:

答案 0 :(得分:3)

$('#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

答案 1 :(得分:2)

$(th_id)的.text() 这将给出该特定dom元素的文本值

答案 2 :(得分:1)

我会使用.html()...

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

另外,请记住,ID不应该是/以数字开头。