用jquery打印九九乘法表，并且能被2整除的数字变色

想用jquery  打印九九乘法表而不用DOM，并且能被2整除的数字变成红色
不知道怎么样把他截取字符串，改变样式
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=GB232"/>
<title>无标题文档</title>
<script type="text/javascript" src="C:/Users/Administrator/Desktop/web/html文件/jquery.js"></script>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
//九九乘法表
function jiujiu_table()
{ 
  var arr = new Array()
  for(var i=0;i<9;i++)
  {
    arr [i]=new Array()
  }
  for(var i=1;i<=9;i++)
  {
       for(var j=1;j<=i;j++)
      {
        arr[i-1][j-1]=i+"*"+j+"="+i*j
      }
  }
      return arr
    
}
function show_table()
{
$(function(){
  var array_Num=jiujiu_table()
  document.write("<table cellpadding=10>" )
  for(arr1 in array_Num)
   {
     document.write("<tr>")
     for(arr2 in array_Num[arr1])
        {

   
document.write("<td name='red'>")
             
   
   document.write(array_Num[arr1][arr2])
           document.write("</td>")
        }
     document.write("</tr >")
     document.write("<br/>")
   }
  document.write("</table >" )
  //document.write("<input type='button' value='变色' onclick='show_button();return false;'>")
}
)}function show_button()
{
var num =$("red");
for(var i=0;i<num.length;++i)
    if((num[i].substr(4))%2==0)
       num[i].css({"banckground-color":"red"});

/*
  var list = document.getElementsByName("red") for( i=0;i<list.length;i++ )
 {
list[i].setAttribute("style","color:red")
 }*/}
</script>
</head>
<body >
<button type="button" value="变色" onclick="show_botton()"></body>
</html> 

解决方案 »

  1.   

    <script type="text/javascript">
    document.write("<table id='test'>")
    for(var i=1;i<=9;i++){
    document.write("<tr>")
    for(var j=1;j<=i;j++){
    if(i*j%2==0){
    document.write("<td odd='odd'>"+j+"*"+i+"="+(j*i)+"</td>");
    }else{
    document.write("<td>"+j+"*"+i+"="+(j*i)+"</td>");
    }
    }
    document.write("<tr/>");
    }
    document.write("</table>");
    document.write("<input type='button' value='changecolor' onclick='change()'/>");
    function change(){
    var table=document.getElementById("test");
    var tds=document.getElementsByTagName("td");
    for(var i=0;i<tds.length;i++){
    if(tds[i].getAttribute("odd")=="odd"){
    tds[i].style.backgroundColor='red';
    }
    }   
    }
    </script>
    这样试试  jquery也差不多这个思路 你自己转下吧