javascript - 查找表中与特定数字最接近的数字

Question

我有一个数字表，我想找到与特定数字最接近的数字并更改其颜色。 friend 们，这怎么办？

function Cf(){
  $("td").each(function () {
      let v=$("#s1").val()
      if(this.innerHTML<v){
         this.style.color="red"
      }else{
         this.style.color="black"
      }  
  })
 }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table">
  <tr>
    <td>100</td>
    <td>70</td>
    <td>30</td>
    <td>50</td>
    <td>10</td>
    <td>50</td>
    <td>90</td>
    <td>20</td>
    <td>40</td>
  </tr>
</table>

<select id="s1" onchange="Cf()">
  <option value="83">83</option>
  <option value="23">23</option>
  <option value="73">73</option>
  <option value="63">63</option>
  <option value="53">53</option>
</select>

Answer 1

function Cf() {
    let innerhtml = [];
    $("td").each(function () { 
        innerhtml.push(this.innerHTML)
    });

    const needle = $("#s1").val();
    const closest = innerhtml.reduce((a, b) => {
        return Math.abs(b - needle) < Math.abs(a - needle) ? b : a;
    });

    $("td").each(function () {
        if (this.innerHTML === closest) {
            this.style.color = "red"
        } else {
            this.style.color = "blue"
        }
    });
    console.log(closest)

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table">
   <tr>
     <td>100</td>
    <td>70</td>
    <td>30</td>
    <td>50</td>
    <td>10</td>
    <td>50</td>
    <td>90</td>
    <td>20</td>
    <td>40</td>
  </tr>
</table>

<select id="s1" onchange="Cf()">
   <option value="83">83</option>
   <option value="23">23</option>
   <option value="73">73</option>
   <option value="63">63</option>
   <option value="53">53</option>
</select>