JQuery - проверка строки таблицы пейджера gridview

Question

Я реализовал привязку источника данных к сетке на моей странице aspx и добавил следующий jquery для реализации нескольких изменений, когда пользователь наводит курсор на строку. Проблема в том, что jquery также вступает в игру, когда вы наводите указатель мыши на нижнюю строку пейджера, например, чтобы изменить страницу сетки и т. Д. У меня была работа с ним, за исключением случаев, когда на экране нет строки пейджера. Я также пытался найти класс gridheader, подсчитывать строки и т. Д., Но, похоже, ни один из них не справился с работой.

function PageLoaddCallback(sender, args) {
    $("*[id$='gridResults'] tr:not(tr:last-child)").unbind();
    $("*[id$='gridResults'] tr:not(tr:last-child)").filter(function () {
        return $('td', this).length && !$('table', this).length
    }).hover(
            function () {
                var totalRows = $("#<%=gridResults.ClientID %> tr").length;
                m_bgcolour = $(this).css("background-color");
                var _img = $(this).find("*[id$='hdnField']").val();
                var _name = $(this).find("*[id$='hdnName']").val();
                if ((_img == null) || (_img == "")) {
                    var src = "../../Images/Resources/NoSignature.jpg";
                    _name = "Unknown";
                }
                else {
                    var src = "GetImage.axd?id=" + _img;
                }

                $("#largeImg").attr("src", src);
                $(this).css({ background: "#c4ffc4" });
                $("#lbl").html(_name);
            },
            function () {
                var src = "../../Images/Resources/sample.jpg";
                $("#largeImg").attr("src", src);
                $(this).css({ background: m_bgcolour });
                $("#lbl").html("Sample");
            }
            );

}

});

Любая помощь будет принята с благодарностью!

Спасибо

Answer 1

Спасибо за помощь. Не удалось заставить ваше предложение работать, поэтому добавил класс css в строки данных и изменил селектор, чтобы найти класс:

<asp:GridView ID="gridResults" runat="server" AutoGenerateColumns="false" RowStyle-CssClass="dataRow">

$("*[id$='gridResults']").find(".dataRow")

Answer 2

Вы можете поместить специальный CssClass в строки пейджера следующим образом:

<asp:GridView ...>
    <PagerStyle cssClass="pagerRow" />
</asp:GridView>

Затем вы сможете использовать это для фильтрации строк.