jQuery找到第一个.class,然后停止

时间:2019-02-07 09:53:32

标签: jquery

好吧,基本上,我正在寻找解决方案。

我有一个带有2个输入的表,其中1个禁用的输入用于显示结果以及一行中的其他选择。我也有多个表。

from       | to         | sum       | select
-----------+------------+-----------+-----------
.timeinput | .timeinput | .timesum  | .abwsel
.timeinput | .timeinput | .timesum  | .abwsel
.timeinput | .timeinput | .timesum  | .abwsel

我正在计算两个输入的和(有效),如果数字在10.01-11.99之间,我想将.timesum涂成橙色,如果数字> = 12,我想涂成红色。

着色本身起作用。但是我有一个问题,就是每个表中只有第一个.timesum或所有.timesums都是彩色的。

至于jQuery,我(这里只有> = 12,以简化和缩短代码。该问题以当前行$(this).next('.timeinputsum').addClass('HrsWarning12');为准:

$('table').each(function(){
     var sum = 0;

     $(this).find('.timediff').each(function(){
         sum += Number(formatNumber($(this).val(), '.'));

          if(sum >= 10 && sum < 12){

          }
          if(sum >= 12){
               $(this).closest('tr').find('.timediff').addClass('HrsWarning12');
               // $(this).next('.timeinputsum').addClass('HrsWarning12');
          } 
          if(sum < 10) { 

          }
    });

     $(this).find('.timesum').val(formatNumber(sum, ','));
});

HTML

<table id="0815FirstNameLastNameTable">
     <tr>
          <td><input class="timeinput" id="0815FirstNameLastNameFrom"></td>
          <td><input class="timeinput" id="0815FirstNameLastNameTo"></td>
          <td><input class="timesum" id="0815FirstNameLastNameSum"></td>
          <td><select>...</select></td>
     </tr>
</table>

0 个答案:

没有答案