Highlight Gridview Row if exceeds the required row count using jQuery in ASP.Net

I solved my issue this way,

function HighLight() {
            var requiredrow = $("#<%=txt1.ClientID %>").val();
            var gv = $("#<%=GridView1.ClientID %> tr:not(:first)");
            gv.each(function () {
                var row = $(this).closest("tr");
                
                if (row.index() > requiredrow) {
                    row.css({
                        "background-color": "#5CB85C"
                    });
                }
                else {
                    row.removeAttr("style");
                }
            });            
        }

Thank you

Here I have created sample that full-fill your requirement.

HTML

<div>
    <div>
        <style type="text/css">
            .Lime
            {
                background-color: Lime;
            }
        </style>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
                if ($('[id*=txtNumber]').val() != '') {
                    setLime($('[id*=txtNumber]').val());
                }
                $('[id*=txtNumber]').on('change', function () {
                    if ($(this).val() != '') {
                        setLime($(this).val());
                    }
                });
            });
            function setLime(num) {
                var number = num;
                $("[id*=GridView1] tr:not(:has(th))").each(function () {
                    if ($(this).index() > number) {
                        $(this).addClass("Lime");
                    } else {
                        $(this).removeClass("Lime");
                    }
                });
            }
        </script>
        Number :
        <asp:TextBox ID="txtNumber" runat="server" />
        <br />
        <br />
        <asp:GridView ID="GridView1" CssClass="Grid" runat="server" OnRowDeleting="OnRowDeleting"
            AutoGenerateColumns="false" OnRowDataBound="OnRowDataBound">
            <Columns>
                <asp:BoundField DataField="Item" HeaderText="Item" />
                <asp:BoundField DataField="Price" HeaderText="Price" />
                <asp:CommandField ShowDeleteButton="True" ButtonType="Button" />
            </Columns>
        </asp:GridView>
    </div>
</div>

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Item"), new DataColumn("Price") });
        dt.Rows.Add("Shirt", 450);
        dt.Rows.Add("Jeans", 3200);
        dt.Rows.Add("Trousers", 1900);
        dt.Rows.Add("Tie", 185);
        dt.Rows.Add("Cap", 100);
        ViewState["dt"] = dt;
        BindGrid();
    }
}

protected void BindGrid()
{
    GridView1.DataSource = ViewState["dt"] as DataTable;
    GridView1.DataBind();
}

protected void OnRowDeleting(object sender, GridViewDeleteEventArgs e)
{
    int index = Convert.ToInt32(e.RowIndex);
    DataTable dt = ViewState["dt"] as DataTable;
    dt.Rows[index].Delete();
    ViewState["dt"] = dt;
    BindGrid();
}

protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        string item = e.Row.Cells[0].Text;
        foreach (Button button in e.Row.Cells[2].Controls.OfType<Button>())
        {
            if (button.CommandName == "Delete")
            {
                button.Attributes["onclick"] = "if(!confirm('Do you want to delete " + item + "?')){ return false; };";
            }
        }
    }
}