使用JQuery修改Table特定行的相关属性

待我称王封你为后i 2022-06-04 05:37 190阅读 0赞

一个简单的小问题，有如下一个表格：

<table border="1" id="history">
            <tr>
                <th>Month</th>
                <th>Savings</th>
            </tr>
            <tr>
                <td>January</td>
                <td>$100</td>
            </tr>
            <tr>
                <td>June</td>
                <td>$200</td>
            </tr>
            <tr>
                <td>July</td>
                <td>$1000</td>
            </tr>
            <tr>
                <td>October</td>
                <td>$1000</td>
            </tr>
        </table>

找到July所在行，并修改其所在行背景为红色

$(document).ready(function() { 
        $("#history").children().find("td").each(function(index, data) { 
            if ($.trim($(data)[0].innerText) === "July") {
                $(data).parent().css("background-color", "red");
            }
        });
    });

在没有其他可能的干扰因素的前提下，或许你也可以这么做

$("#history").children().find("tr").each(function (index, data) { 
        if ($.trim($(data)[0].innerText).indexOf("June")>-1) {
            $(data).css("background-color", "blue");
        }
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 使用 sortablejs 拖着el-table行，使行顺序修改

1、安装 sortablejs npm i sortablejs --save 2、再要使用的引入，或者全局引入也可以，但是我是在使用的地方引入的 im

女爷i/ 2023年06月26日 05:45/ 0 赞/ 3 阅读

相关使用jquery修改display属性

使用jquery修改display相当于修改一个css样式，因为display本身属于一个css属性，jquery修改display很简单，你只要知道如何使用jquery改变c

我就是我/ 2023年05月21日 15:14/ 0 赞/ 19 阅读

相关 JQuery动态给table添加、删除行

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] <html> <head> <SCRIPT la

冷不防/ 2022年10月02日 00:59/ 0 赞/ 236 阅读

相关 jquery获取table当前行的内容，table所有内容

<!DOCTYPE html> <html> <head> <meta charset="gb2312">

た入场券/ 2022年07月27日 14:43/ 0 赞/ 213 阅读

相关使用JQuery修改Table特定行的相关属性

一个简单的小问题，有如下一个表格： <table border="1" id="history"> <tr>

待我称王封你为后i/ 2022年06月04日 05:37/ 0 赞/ 191 阅读

相关 html与表格（table）相关的属性

原文出处：[https://www.cnblogs.com/duhuo/p/5662132.html][https_www.cnblogs.com_duhuo_p_566213

清疚/ 2022年05月18日 23:12/ 0 赞/ 263 阅读

相关 jQuery修改class属性

1.addClass() addClass()方法向匹配的元素增加指定的类名(一个或多个) 注意:对于元素来说,class属性可以有多个值.该方法不会移除已经存在的值,而

梦里梦外;/ 2022年05月15日 05:27/ 0 赞/ 254 阅读

相关 C语言实现修改文本文件中的特定行

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

超、凢脫俗/ 2022年04月17日 01:18/ 0 赞/ 253 阅读

相关 layerui 修改table 的某一行属性操作

> layerui 修改table 的某一行属性操作在layerui的官方开发文档中，表格table渲染完后，如何对某一行做操作呢，可以在渲染完后的回调方法做处理，如下图

心已赠人/ 2022年02月26日 15:42/ 0 赞/ 604 阅读

相关 jquery之table：给table动态增加行、清空table

比如设置table的id为tab var trHTML = "<tr><td>...</td></tr>" $("\tab").append(trHTML);//在tabl

缺乏、安全感/ 2021年11月22日 13:18/ 0 赞/ 429 阅读