javascript - 通过使用项目名称查找最低值并使用 jquery 更改 html 表中的低值背景颜色

标签 javascript jquery html html-table

我在 html 表中列出了商品和价格。我需要找到该商品的低价并更改 html table 中单元格的背景颜色.

第一个最低值 background-color是“布埃”。

第二低值background-color是“绿色”。

第三个最低值background-color是“橙色”。

我的 table 是:

商品名称         价格

A                        12

一个                        18

A                       9

A                        13

B                        5

B                        8

B                        12

预期结果:

商品名称         价格

A                 12

一个                        18

A                9

A                   13

B               5

B                 8

B                   12

在这个预期结果表中,我给出了 <h1>第一个最低值的标记,<h2>代表第二低值,“”代表第三低值。

我不知道如何更改这个问题的背景颜色,所以我给出了 Header tags

请帮助我如何使用 jquery 查找低值.

最佳答案

`https://jsfiddle.net/eradi_singh/gokrrucr/6/` 

请检查这个 fiddle 以获得你的答案..这将动态地工作

关于javascript - 通过使用项目名称查找最低值并使用 jquery 更改 html 表中的低值背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38430083/

相关文章:

php - 如果页面有多个表单,则使用 jquery/ajax 提交表单而不刷新

javascript - jquery 通过文本选择选项无法正常工作

javascript - 样式化选择缩略图

javascript - 如何提醒给定的手机号码是否有效?

javascript - 如何设置特定 slider 的状态?

javascript - ionic 软后退按钮,$rootScope.IonicGoBack

javascript - HTML5 着陆点

javascript - Primeng确认对话框: Hide the Button after Confirmation

javascript - 将 div 顺序保存在本地存储中

javascript - 启动画面水平定位不一致