تغییر روی یک سطر از gridview در jquery

[mahnaz0098]

سلام
من یه gridview دارم که میخوام وقتی روی آیکن حذف مربوط به یک سطر از اون کلیک میکنم یه تابع jquery صدا زده بشه و با استفاده از یه id که به این تابع پاس دادیم ، روی اون سطر fadeout انجام بشه .
لطفا راهنماییم کنید.



<asp:GridView ID="gvDetails" CssClass="Gridview" runat="server"
AutoGenerateColumns="False" ForeColor="White" onrowcommand="gvDetails_RowCommand" >
<FooterStyle BackColor="#990000" ForeColor="White"/>
<RowStyle BackColor="White" ForeColor="#333333"/>
<AlternatingRowStyle BackColor="#FFFFE0" />
<HeaderStyle BackColor="#df5015" />
<Columns>

<asp:BoundField DataField="TPrj_FCodeProject" HeaderText="کد سفارش" />
<asp:BoundField DataField="TPrj_FIDCustomer_name" HeaderText="نام مشتری" />
<asp:BoundField DataField="TPrj_FDateReg" HeaderText="تاریخ" />
<asp:BoundField DataField="TOff_FOffType_name" HeaderText="نوع سفارش" />
<asp:BoundField DataField="TPrj_FProjectName" HeaderText="عنوان" />
<asp:HyperLinkField HeaderText="جزئیات" Text="جزئیات"
DataNavigateUrlFields="TPrj_FCodeProject"
NavigateUrl="~/UI/Pages/Rahgiri_Adinstruction.aspx" DataNavigateUrlFormatString="~/UI/Pages/Rahgiri_Adinstruction.aspx?code={0}" Target="_blank"/>
<asp:BoundField DataField="StateName" HeaderText="وضعیت" />


<asp:HyperLinkField HeaderText="پیگیری ها"
Text="مرحله و وضعیت پروژه " DataNavigateUrlFields="TPrj_FCodeProject"

DataNavigateUrlFormatString="~/UI/Pages/Rahgiri_Adinstruction.aspx?code={0}" Target="_blank"/>
<asp:TemplateField HeaderText="نمونه 1">

<ItemTemplate>
<a style="color:Red"
onclick='return Download_File1(id=<%# Eval("TPrj_FCodeProject") %>)'>
دانلود</a>
</ItemTemplate>
</asp:TemplateField >

<asp:TemplateField HeaderText="نمونه 2">

<ItemTemplate>
<a style="color:Red"
onclick='return Download_File2(id=<%# Eval("TPrj_FCodeProject") %>)'>
دانلود</a>
</ItemTemplate>
</asp:TemplateField >

<asp:templatefield headertext="حذف">
<itemtemplate>

<img src="../Images/cancel.png" onclick="return Checking_Delete(web=<%# Eval("TPRJ_FWeb") %>,id=<%# Eval("TPrj_FID") %>)" />

</itemtemplate>
</asp:templatefield>


</Columns>
</asp:GridView>

[saman6384]

<form id="form1" runat="server">
<div>
<a href="#about">About</a>
<asp:GridView runat="server" ID="Gridview1">
<Columns>
<asp:BoundField DataField="name" HeaderText="Name" />
<asp:TemplateField HeaderText="حذف">
<ItemTemplate>
<input type="button" value="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script>
$(function () {
var btnDeletes = $('#<%=Gridview1.ClientID %> input[value=Delete]');
btnDeletes.each(function () {
$(this).click(function () {
$(this).closest("tr").css("background-color", "red").fadeOut();
});
});
});
</script>
</div>
</form>

protected void Page_Load(object sender, EventArgs e)
{
List<data> list = new List<data>();
list.Add(new data { name = "test 1" });
list.Add(new data { name = "test 2" });
Gridview1.DataSource = list;
Gridview1.DataBind();
}

class data
{
public string name { get; set; }
}