Javascript 我无法正确使用JQuery hasClass函数

我有两行，我想使用jquery类。如果整个类有红色类，则显示progressText。否则如果你有绿色等级， 它显示一个也没有。但是这个脚本不起作用。我怎样才能修好它

 <tr class="cart-item-row">                         
   <div class="subjFull green"><a href="#">First</a></div>                                                            
   <div class="progressText">Minimum Price</div>
   <div class="progressTextNone">Max Price</div>                           
 </tr>
 <tr class="cart-item-row">                         
   <div class="subjFull red"><a href="#">Second</a></div>                                                            
   <div class="progressText">Minimum Price</div>
   <div class="progressTextNone">Max Price</div>                           
 </tr>

<script type="text/javascript">
if ($(".subjFull").hasClass("red")) {
   $(".progressText").show();
   $(".progressTextNone").hide();
 }

  else if ($(".subjFull").hasClass("green")) {
    $(".progressTextNone").show();
    $(".progressText").hide();
 }
<script>

最低价格
最高价格
最低价格
最高价格
如果（$（“.subfull”）.hasClass（“红色”））{
$（“.progressText”）.show（）；
$（“.progressTextNone”）.hide（）；
}
else if（$（“.subfull”）.hasClass（“绿色”））{
$（“.progressTextNone”）.show（）；
$（“.progressText”）.hide（）；
}

$（文档）.ready（函数（）{
如果（$（“.subfull”）.hasClass（“红色”））{
$（“.progressText”）.show（）；
$（“.progressTextNone”）.hide（）；
}
else if（$（“.subfull”）.hasClass（“绿色”））{
$（“.progressTextNone”）.show（）；
$（“.progressText”）.hide（）；
}
});

使用

.each（）

迭代

$（“.subfull”）

然后在当前元素的上下文中执行代码

你的HTML也是无效的。只能将

td

或

th

作为其子级

允许的内容：零个或多个

或

元素，或它们的组合

所以用

td

像这样的符号来包装你的div

<tr class="cart-item-row">
    <td>
          <div class="subjFull green"><a href="#">First</a>
          </div>
          <div class="progressText">Minimum Price</div>
          <div class="progressTextNone">Max Price</div>
    </td>
</tr>

.red{
颜色：红色；
}
格林先生{
颜色：绿色；
}

最低价格
最高价格
最低价格
最高价格

您是否在

$（document）.ready（）函数中使用了jQuery代码？但不是有效的标记。
<tr class="cart-item-row">
    <td>
          <div class="subjFull green"><a href="#">First</a>
          </div>
          <div class="progressText">Minimum Price</div>
          <div class="progressTextNone">Max Price</div>
    </td>
</tr>