JQuery выбрать последнюю ячейку столбца

Question

Я ищу способ выбора Последней ячейки в столбце таблицы.
В этом столбце есть класс ".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>

Answer 1

Невозможно определить, не увидев вашу разметку, но у меня есть ощущение, что вы, возможно, пытаетесь сослаться на последний столбец по его заголовку <th class='B89'>.

Если это так, вы можете получить .index()из этой ячейки выберите последнюю строку и получите <td> по этому индексу.

  //---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!!!");
});

• Кэшируйте выбор $('#incometable').

• find() ^{(документы)} th.B89

• Получить index() ^{(документы)} из th.B89

• Получите элементы :last строки *1040* и выберите одинс тем же индексом, используя метод eq() ^{(документы)} .

Answer 2

вам нужен: last селектор внутри: last-child, так как вы хотите последнюю ячейку в столбце, а не строку.

также TH должны быть в первой строке, поэтому вы, вероятно, ищете td.

все еще трудно сказать, не зная html таблицы.

$('table#incometable td.B89:last')