JQuery实现数据格式化

来源：互联网发布：软件开发赚钱吗编辑：程序博客网时间：2024/06/05 09:54

.aspx代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <script src="jquery-1.8.3.js" type="text/javascript"></script>    <title></title>    <script type="text/javascript">        $(document).ready(function () {          <span style="color:#cc0000;">  $("td.f", "#GridView1").text(function () {//.text()用于监听控件里的内容</span>               <span style="color:#ff0000;"> var _f = $(this).text();</span>                if (_f < 60) {                    $(this).css("color", "red");                }                if (_f > 85) {                    $(this).css("color", "green");                }                           });        });    </script></head><body>    <form id="form1" runat="server">    <div>        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"             DataKeyNames="cj_id" DataSourceID="AccessDataSource1">            <Columns>                <asp:BoundField DataField="cj_id" HeaderText="cj_id" InsertVisible="False"                     ReadOnly="True" SortExpression="cj_id" />                <asp:BoundField DataField="cj_name" HeaderText="cj_name"                     SortExpression="cj_name" />                <asp:BoundField DataField="cj_shuxue" HeaderText="cj_shuxue"                     SortExpression="cj_shuxue">                <ItemStyle CssClass="f" />                </asp:BoundField>                <asp:BoundField DataField="cj_yuwen" HeaderText="cj_yuwen"                     SortExpression="cj_yuwen">                <ItemStyle CssClass="f" />                </asp:BoundField>                <asp:BoundField DataField="cj_huaxue" HeaderText="cj_huaxue"                     SortExpression="cj_huaxue">                <ItemStyle CssClass="f" />                </asp:BoundField>                <asp:BoundField DataField="cj_wuli" HeaderText="cj_wuli"                     SortExpression="cj_wuli">                <ItemStyle CssClass="f" />                </asp:BoundField>                <asp:BoundField DataField="cj_yingyu" HeaderText="cj_yingyu"                     SortExpression="cj_yingyu">                <ItemStyle CssClass="f" />                </asp:BoundField>            </Columns>        </asp:GridView>        <asp:AccessDataSource ID="AccessDataSource1" runat="server"             DataFile="~/mdb/mydb.mdb" SelectCommand="SELECT * FROM [tb_chenji]">        </asp:AccessDataSource>    </div>    </form></body></html>

为了分辨td，我们将分数td的cssClass设置为f，如图：

这样就可以统一定义class为f的样式！！

效果如下：

0 0