jquery改变行颜色....

错怪楼上了，你的代码是可以的，是在原表格没有css样式的情况，我的表格原先有css样式，所以就不行了。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>表格隔行背景和突出显示当前行</title>
        <style type="text/css"> 
         table td{
            background: #EEE;
         }
        </style>
        <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
        <script>
            $().ready(function(){
                $("#result tr:gt(0)").each(function(index){
                    $($(this).children("td")[0]).text(index+1);
                    var alarm=$($(this).children("td")[4]).text();
                    if(alarm=="报警"){
                        $(this).css('background','#0000ff')
                    }
                });
          });
      </script>
    </head>
    <body>
        <table id="result" class="data_list">
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td>报警</td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td>报警</td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
        <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
        </table>
    </body>
</html>

解决方案 »

  1.   

    我的这个样式：table td{background: #EEE;}不是写在网页上的，是整个网站的css，所以不能去掉，.........
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            <title>表格隔行背景和突出显示当前行</title>
            <style type="text/css"> 
                table td{
                   background: #EEE;
                }
              table .cla td{background:red;}
            </style>
            <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
            <script>
                $(document).ready(function(){
                    $("#result tr:gt(0)").each(function(index){
                        $($(this).children("td")[0]).text(index+1);
                        var alarm=$($(this).children("td")[4]).text();
                        if(alarm=="报警"){
                            $(this).addClass('cla')
                        }
                    });
              });
          </script>
        </head>
        <body>
            <table id="result" class="data_list">
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td>报警</td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td>报警</td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
            <tr><td></td><td> 100 </td><td> 100 </td><td> 100 </td><td></td></tr>
            </table>
        </body>
    </html>