使用项目名称查找最低值，并使用jquery更改html表中的低值背景色

Question

I've list of items and price in html table. i need to find low price in the item and change the background color of the cell in the html table .

first Lowest value background-color is "Bue".

second lowest value background-color is "green".

third lowest value background-color is "orange".

Item-Name Price

A 12

A 18

A 9

A 13

B 5

B 8

B 12

Item-Name Price

A 12

A 18

A 9

A 13

B 5

B 8

B 12

In this Expected result table I've given <h1> tag for first lowest value, <h2> for second lowest value and `' for third lowest value.

I don't know how to change background color in this question so that I've given Header tags

Please help me how to find low values using jquery .

Answer 1

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

请检查此小提琴以获取您的答案。

Answer 2

<script>

var valArr = [];

$('tbody tr td:nth-child(0)').each(function () {
  valArr.push(parseInt($(this).text()));
});

valArr.sort(function(a, b){return a-b});

$('tbody tr td:nth-child(0)').each(function () {
  if(parseInt($(this).text()) == valArr[0]){
     //Color Lowest Row
  }else if(parseInt($(this).text()) == valArr[1]){
     //Color Second Lowest Row By getting Parents
  }else if(parseInt($(this).text()) == valArr[2]){
    //Color Third Lowest Row By getting Parents
  }

});
</script>