问一个很弱鸡的web表格问题

图片说明

比如这张图片,
我获取到地点为3的这个值,怎么让这整行的字体都变为红色

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery-1.8.3.min.js"></script>
<style>
.red{color:#f00;}
</style>
</head>

<body>
<input type="text" placeholder="请填写地址名称" id="input_adr" value=""><input type="button" onClick="Find_fun();" value="查询">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>人</td>
    <td>事</td>
    <td>物</td>
    <td>时</td>
    <td class="adr">地</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td class="adr">1</td>
  </tr>
  <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td class="adr">2</td>
  </tr>
  <tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td class="adr">3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>4</td>
    <td>4</td>
    <td>4</td>
    <td class="adr">4</td>
  </tr>
</table>
<script>
$(function(){
    Find_fun = function(){
        var input_val = $("#input_adr").val();
        if(input_val == ""){alert("Error!")}else{alert(input_val);}
        $(".adr").each(function(index, element) {
            if($(element).text() == input_val){
                $(this).parent().addClass("red");
            }
        });
    }
})
</script>
</body>
</html>

在你在把3写入按个单元格的时候改变你要写入3的那个单元格的样式就o了！

写了一个JQ的DEMO，希望能帮到你，主要是应用到了遍历的方法，查询下地址那一列的Class，查询哪个地点与你输入或是获取的相同并把字体颜色修改成红色。
<!doctype html>

无标题文档 .red{color:#f00;}

人	事	物	时	地
1	1	1	1	1
2	2	2	2	2
3	3	3	3	3
4	4	4	4	4

$(function(){ Find_fun = function(){ var input_val = $("#input_adr").val(); if(input_val == ""){alert("Error!")}else{alert(input_val);} $(".adr").each(function(index, element) { if($(element).text() == input_val){ $(this).parent().addClass("red"); } }); } })

不好意思上面的代码没贴到区域里，结果就悲剧了。

第三行

$("#trID").css("background-color","red");

 给这行设置个ID，然后js改变字体颜色：

$("#trID").css("color","blue");

使用rows和cells属性定位单元格，下标从0开始

 tableDOM.rows[3].cells[4].style.color='red';