在Jquery中访问数组元素

我有很多这样的行：

<tr>        
    <TD class="Lo">90%</TD>                        
    <TD class="Poor">80%</TD>                   
    <TD class="Lo">89%</TD>                     
    <TD class="Mid">85%</TD>                        
    <TD class="Poor">85%</TD>                       
    <TD class="Mid">85%</TD>                        
    <TD class="Hi">85%</TD>
</tr>

90%                        
80%                   
89%                     
85%                        
85%                       
85%                        
85%

现在我想访问此行中的任何元素，并根据值设置该行的颜色：

---

• 如果80%

  $("td").each(function() {
    if ($(this).text().replace('%') <= 90) {
      $(this).css('background','red');
    } else if ($(this).text().replace('%') <= 100) {
      $(this).css('background','green');
    }
    // repeat ...
  });
  

  $（“td”）。每个（函数（）{
  如果（$（this）.text（）.replace（'%'）请尝试以下操作
  
  $("td").each(function() {
    if ($(this).text().replace('%') <= 90) {
      $(this).css('background','red');
    } else if ($(this).text().replace('%') <= 100) {
      $(this).css('background','green');
    }
    // repeat ...
  });
  
  $（“td”）。每个（函数（）{
  如果（$（this）.text（）.replace（'%'）您可能会从为此制作一些文件中得到一些好处
  
  例如，这里有一个叫做“高”：
  
  然后，在拥有自定义选择器后，对每个选择器执行以下操作：
  
  $('td:high').css('color', 'green');
  
  你可能会从中得到一些好处
  
  例如，这里有一个叫做“高”：
  
  然后，在拥有自定义选择器后，对每个选择器执行以下操作：
  
  $('td:high').css('color', 'green');
  
  这是一个有效的解决方案和在客户端完成的突出显示逻辑
  
  给定id=“stats”的html表格，这意味着突出显示将应用于该表格的td
  
  <table id="stats">
      <tr>
          <td>83%</td>                                           
          <td>96%</td>
          <td>92%</td>
      </tr>
      <tr>
          <td>100%</td>                                           
          <td>94%</td>                                  
          <td>85%</td>                                            
      </tr>
  </table>
  
  
  83%                                           
  96%
  92%
  100%                                           
  94%                                  
  85%                                            
  
  Javascript与JQuery一起执行突出显示
  
  <script type="text/javascript">
      $(window).ready(function() {
          // for each td element within elements whose id="stats" 
          $("#stats td").each(function() {
              // current td element
              var td = $(this);
              // do it once only
              var val = td.text().replace('%', '');
  
              td.css('background',  val > 80 && val <= 85    ? 'yellow' 
                                    : val > 90 && val <= 95  ? 'red'
                                    : val > 95 && val <= 100 ? 'green'
                                    : 'black'); // black is default
          });
  
      }); 
  </script>
  
  
  $（窗口）.ready（函数（）{
  //对于id为=“stats”的元素中的每个td元素
  $（“#stats td”）。每个（函数（）{
  //当前td元素
  var td=$（本）；
  //只做一次
  var val=td.text（）.replace（'%，''）；
  td.css（'background'，val>80&&val 90&&val 95&&val这里是一个有效的解决方案，突出显示的逻辑是在客户端完成的
  
  给定id=“stats”的html表格，这意味着突出显示将应用于该表格的td
  
  <table id="stats">
      <tr>
          <td>83%</td>                                           
          <td>96%</td>
          <td>92%</td>
      </tr>
      <tr>
          <td>100%</td>                                           
          <td>94%</td>                                  
          <td>85%</td>                                            
      </tr>
  </table>
  
  
  83%                                           
  96%
  92%
  100%                                           
  94%                                  
  85%                                            
  
  Javascript与JQuery一起执行突出显示
  
  <script type="text/javascript">
      $(window).ready(function() {
          // for each td element within elements whose id="stats" 
          $("#stats td").each(function() {
              // current td element
              var td = $(this);
              // do it once only
              var val = td.text().replace('%', '');
  
              td.css('background',  val > 80 && val <= 85    ? 'yellow' 
                                    : val > 90 && val <= 95  ? 'red'
                                    : val > 95 && val <= 100 ? 'green'
                                    : 'black'); // black is default
          });
  
      }); 
  </script>
  
  
  $（窗口）.ready（函数（）{
  //对于id为=“stats”的元素中的每个td元素
  $（“#stats td”）。每个（函数（）{
  //当前td元素
  var td=$（本）；
  //只做一次
  var val=td.text（）.replace（'%，''）；
  td.css（'background'，val>80&&val 90&&val 95&&val这将始终使其变为绿色，因为所有值都小于100。这将始终使其变为绿色，因为所有值都小于100。这是一个非常优雅的解决方案。：）但这需要元素类名称的一些逻辑。@codemeit不，它根本不依赖于类。选择器可以简单地检查标记的内容，或者执行javascript中允许执行的任何其他操作。这是一个非常优雅的解决方案。：）不过，这需要元素类名称上的一些逻辑。@codemeit no它根本不依赖于类。选择器可以简单地检查标记的内容，或者执行javascript中允许的任何其他操作。最好也为html提供一个id，因为表可能有一个id，可以用作目标对象的选择器突出显示。已经过了几天了，选择一个答案如何？最好也提供html，因为表可能有一个id，可以用作指定突出显示的选择器。已经过了几天了，选择一个答案如何？