Селектор jQuery возвращает дубликаты элементов

Question

Я пытаюсь выбрать с помощью jQuery все строки таблицы, кроме первой (заголовки столбцов), и для этого у меня есть этот селектор:

$("#tableID tr:not(:first)")

Имеет три строки, одна для заголовков столбцови два для содержимого, селектор возвращает 4, но если я это сделаю:

$("#tableID tr")

Он возвращает три строки просто отлично.Я что-то упустил в селекторе?

Я сделал снимок экрана, если это поможет:

Код, который вызывает у меня эту проблему (это глупопросто, я не понимаю, почему это не работает)

    function addTableColumn() {
        var uls = $('#debate ul').length;
        $('#debate tr:first ').append("<th id='foo'>foo title</th>");    
        $("#debate tr:not(#debate tr:first)").append("<td><ul id='sortable" + (uls+1) + "' class='connectedSortable'></ul></td>").hide().fadeIn("slow");
        alert("I'm seeing " + $('#debate tr:not(:first)').length + " rows (without first row), type: " + $('#debate tr:not(:first)')[0] + " but the row count returns (including titles) " + $('#debate tr').length);
        makeSortable();
    }

Answer 1

Если это строка заголовка, я бы порекомендовал изменить вашу разметку на что-то вроде этого:

<table>
    <thead>
        <tr>
            <th>Title</th>
            <th>Title</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Content</td>
            <td>Content</td>
        </tr>
        <tr>
            <td>Content</td>
            <td>Content</td>
        </tr>
        <tr>
            <td>Content</td>
            <td>Content</td>
        </tr>
    </tbody>
</table>

А затем в вашем CSS / jQuery выберите только <tr> s в <tbody>,это также более семантический способ.

Answer 2

Я бы использовал

$('#tableID tr:gt(0)')

, но то, что у вас должно работать!

Answer 3

$("#tableID tr:not(:first)") отлично работает.