Цикл по строкам таблицы с помощью Javascript / Jquery

Question

Итак, я пытаюсь получить последнюю строку таблицы HTML. Если в этом ряду есть определенный класс, я проигнорирую этот ряд и выберу предыдущий. Затем это будет циклически проходить от конца таблицы до тех пор, пока не будет найдена строка без этого определенного класса.

Я подумал, что это, вероятно, включает цикл for, проверку класса строки, а затем метод row.prev JQuery, но все еще не совсем уверен, как к этому подойти.

Заранее спасибо!

Answer 1

Чтобы получить последнюю строку таблицы, которая не имеет определенного класса, скажем, targetClass, вы можете сделать это:

$("tr:not(.targetClass):last");

Я не уверен, что вы хотите сделать с этой таблицейстрока, но если бы вы добавили targetClass к последнему ряду, у которого его нет, это выглядело бы так:

$("tr:not(.targetClass):last").addClass("targetClass");

Проверьте это скрипка , чтобы увидеть его вдействие

Answer 2

В этом примере показано, как получить последнюю из каждой таблицы на текущей странице: http://jsfiddle.net/JBnzK/

$('table').find('tr:last').each(function(){
    if ($(this).hasClass('stupid')) {
        $(this).css('color', 'red');
    } else {
        $(this).css('color', 'green');
    }
});

Answer 3

Если у вас есть следующий HTML:

<table id="mytable">
    <tbody>
        <tr>
            <td>1</td>
        </tr>
        <tr id="YouFoundMe">
            <td>1</td>
        </tr>
        <tr class="certainclass">
            <td>1</td>
        </tr>
        <tr class="certainclass">
            <td>1</td>
        </tr>
        <tr class="certainclass">
            <td>1</td>
        </tr>

    </tbody>
</table>

Вы можете сделать это:

var elWithoutClass = $('#mytable tr:not(.certainclass):last');

if (elWithoutClass.length) {
    alert(elWithoutClass.get(0).id);
    // alerts "YouFoundMe"
}

• :not(.certainclass) исключит <tr> без класса 'определенный класс'
• :last даст вам последний

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