2 u012470804 u012470804 于 2016.05.09 09:56 提问

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

图片说明

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

8个回答

maomaoc0074
maomaoc0074   2016.05.09 10:44
已采纳
 <!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>

u012470804
u012470804 虽然和我想的差有点多,但还是谢谢你了
一年多之前 回复
CommandBaby
CommandBaby   2016.05.09 10:02

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

maomaoc0074
maomaoc0074   2016.05.09 10:43

写了一个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"); } }); } })



maomaoc0074
maomaoc0074   2016.05.09 10:44

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

kingwenjiwang
kingwenjiwang   2016.05.09 10:53

第三行

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

kingwenjiwang
kingwenjiwang   2016.05.09 11:08
 给这行设置个ID,然后js改变字体颜色:

$("#trID").css("color","blue");
showbo
showbo   Ds   Rxr 2016.05.09 11:50

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

 tableDOM.rows[3].cells[4].style.color='red';
CSDNXIAOD
CSDNXIAOD   2016.05.09 11:54

关于web中的一个问题
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!