jquery 选择列的最后一个单元格

发布于 2024-10-18 11:30:56 字数 1109 浏览 0 评论 0原文

我正在寻找一种从表列中选择最后一个单元格的方法。
该列的类别为“.B89”，这是我试图从中选择的类别。

这是我迄今为止所做的尝试，但没有成功。

$('table#incometable th.B89:last-child').html("data to show!!!");

该表是动态创建的，所以我将做一个简化版本：

<table id="incometable"> 
    <tr>
        <th class="B89">Dude 1</th> 
        <th class="B55">Dude 2</th> 
        <th class="B78">Dude 3</th> 
    </tr>
    <tr>
        <td>float values</td> 
        <td>float values</td> 
        <td>float values</td> 
    </tr>
    <tr>
        <td>float values</td> 
        <td>float values</td> 
        <td>float values</td> 
    </tr>
    <tr>
        <td>float values</td> 
        <td>float values</td> 
        <td>float values</td> 
    </tr>
    <tr>
        <td>---This Cell needs to be modified---</td> 
        <td></td> 
        <td></td> 
    </tr>
</table>

原文

I'm looking for a way to select the Last Cell from a table column.
This column has a class of ".B89", which is what I'm attempting to select from.

Here's what I've attempted, and got so far, but it's not working.

$('table#incometable th.B89:last-child').html("data to show!!!");

The table is dynamically created, so I'll do a simplified version:

<table id="incometable"> 
    <tr>
        <th class="B89">Dude 1</th> 
        <th class="B55">Dude 2</th> 
        <th class="B78">Dude 3</th> 
    </tr>
    <tr>
        <td>float values</td> 
        <td>float values</td> 
        <td>float values</td> 
    </tr>
    <tr>
        <td>float values</td> 
        <td>float values</td> 
        <td>float values</td> 
    </tr>
    <tr>
        <td>float values</td> 
        <td>float values</td> 
        <td>float values</td> 
    </tr>
    <tr>
        <td>---This Cell needs to be modified---</td> 
        <td></td> 
        <td></td> 
    </tr>
</table>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

魔 2024-10-25 11:30:56

如果没有看到您的标记，无法判断，但我有一种感觉，您可能试图通过标题引用最后一列。

如果是这样，您可以从该单元格获取 .index()，然后选择最后一行并获取该索引处的。

  //---v----------make sure the DOM is loaded
$(function() {
    var table = $('#incometable');
    var idx = table.find('th.B89').index();

    table.find('tr:last > td').eq( idx ).html("data to show!!!");
});

缓存 $('#venuetable') 选择。
find()^（文档）th.B89
获取index()^(docs) 的th.B89
获取 :last 行的 < code> 元素，并使用 eq( 选择具有相同索引的元素)^(docs) 方法。

Can't tell without seeing your markup, but I have a feeling that you may be trying to reference the last column by its header <th class='B89'>.

If so, you can get the .index() from that cell, then select the last row and get the <td> at that index.

  //---v----------make sure the DOM is loaded
$(function() {
    var table = $('#incometable');
    var idx = table.find('th.B89').index();

    table.find('tr:last > td').eq( idx ).html("data to show!!!");
});

Cache the $('#incometable') selection.
find()^(docs) the th.B89
Get the index()^(docs) of the th.B89
Get the :last row's <td> elements, and select one with the same index using the eq()^(docs) method.