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 虽然和我想的差有点多,但还是谢谢你了
大约 2 年之前 回复
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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
简单编程 (十二) 鸡兔同笼 笼子中32只脚,10个头 问鸡多少只?兔子多少只?
鸡兔同笼  笼子中32只脚,10个头  问鸡多少只?兔子多少只?
初级java编程实现数学问题鸡和兔子共35个脑袋94个足
int x,y; for(x=1;x y=35-x; if(2*x+4*y==94) System.out.println("鸡:"+x+"兔:"+y); }
密码学_最近在论证一个问题,到底是先有鸡还是先有蛋
这道题真的很简单,就是在键盘上画圈圈,之前做过一道,但是没想起来,百度了一下加密方式,在 http://tieba.baidu.com/p/2027781907 看到了那个手机键盘突然醒悟,试了下小写不行,大写OK。 KEY:KEY
程序设计思想及范例(6),遍历问题,百钱买百鸡问题
百钱买百鸡问题——一百个铜钱买了一百只鸡,其中公鸡一只5钱、母鸡一只3钱,小鸡一钱3只,问一百只鸡中公鸡、母鸡、小鸡各多少)。 这是一个古典数学问题,利用现有的数学知识,依然没有办法求解,此问题为具有两个等式和三个未知数的方程组。如何处理这类问题,主要是用到了穷举遍历的方法。 首先,确定x,y,z为正整整。由于鸡的总数为100只,因此x,y,z的取值范围之1~100。其次,根据总的钱数
用java实现鸡翁一,值钱五;鸡母一,值钱三;鸡雏三,值钱一。百钱买百鸡
请直接看程序:package com.test;public class fasfas { int c; // 公鸡的数量 int hen;// 母鸡的数量 int p_chickens; // 买小鸡所花的钱 public static void main(String[] args) { fasfas f = new fasfas();
“鸡翁一值钱5,鸡母一值钱3,鸡雏三值钱1。百钱买百鸡,问鸡翁、母、雏各几何?”java穷举法解题
穷举法概述(这是引用百度的介绍) 穷举法是一种针对于密码的破译方法。这种方法很像数学上的“完全归纳法”并在密码破译方面得到了广泛的应用。简单来说就是将密码进行逐个推算直到找出真正的密码为止。比如一个四位并且全部由数字组成其密码共有10000种组合,也就是说最多我们会尝试9999次才能找到真正的密码。利用这种方法我们可以运用计算机来进行逐个推算,也就是说用我们破解任何一个密码也都只是一个时间问
百练2750:鸡兔同笼问题解题报告
描述 一个笼子里面关了鸡和兔子(鸡有2只脚,兔子有4只脚,没有例外)。已经知道了笼子里面脚的总数a,问笼子里面至少有多少只动物,至多有多少只动物 分析 水题一道 题目可以看成给定一个整数N,如果N是奇数,则输出0 0,否则,如果N是4的倍数,则输出N/4 N/2,如果不是4的倍数,则输出N/4+1 N/2。 代码实现 #include using namespace std; in
c++第二次实验-百钱百鸡问题
1.问题及代码 /* 文件名称:Exl - 1.cpp 作 者:罗天佑 完成日期:2017年3月13日 版 本 号:v1.0 对任务及求解方法的描述部分 输入描述:无 问题描述:百钱百鸡问题 程序输出:鸡翁 母鸡 鸡雏各有多少只 问题分析:略 算法设计:运用的for循环语句 */ #include using namespace std; int main
求解百鸡问题
原题:设每只母鸡的价值3元,每只公鸡价值2元,两只小鸡价值1元、现用100元钱买100只鸡,问能同时买到母鸡、公鸡、小鸡各多少只? 分析: 设母鸡、公鸡、小鸡各i、j、k只,限制条件都大于零,且K是偶数。下面通过枚举写出代码 #include int main() { int m=0,n=0,sum=0; int i,j,k; for(i=1;i<100;i++) {
一百个铜钱买了一百只鸡,其中公鸡一只5钱、母鸡一只3钱,小鸡一钱3只,问一百只鸡中公鸡、母鸡、小鸡各多少。
public class Test { public static void main(String args[]) { int x,y,z; for(x=1;x<=20;x++) { for (y = 1; y <=33; y++)