Селектор jQuery для первого столбца последней строки

Question

Я пытаюсь изменить значение первой ячейки в последнем ряду таблицы.

Мой код:

$(document).ready(function() {
    $('table.class tr:last td:first').html('Value');     
});

Но этот код ничего не меняет, но если я поставлю без: last и: first, он заполняет всю таблицу значением 'Value'. Что я делаю не так?

Edit: мой плохой, код работает нормально, но только для последней таблицы с классом 'class'. Мне нужно это делать для каждой таблицы с этим классом. Любая идея?

Answer 1

Для редактирования используйте :last-child и :first-child вместо этого, чтобы оно применялось к последним td в последнем tr из каждые table.class:

$(document).ready(function() {
    $('table.class tr:last-child td:first-child').html('Value');
});

Answer 2

Код работает нормально.

См. http://jsfiddle.net/ThiefMaster/sJGZj/

Answer 3

Протестировал ваш код, и он работает для меня.Хотя я бы изменил это на следующее:

<script type="text/javascript">
        $(document).ready(function () {
            $('table#myTable tr:last td:first').html('Value');
        });

    </script>

Идентификация конкретной таблицы, которую вы хотите изменить.table.class будет влиять на каждую таблицу на странице.