javascript - javascript/jqueryでセレクターを動的にしようとしています

Question

$('.TextBoxColors-')こんにちは、stackoverflow:コードの一部を動的にしようとしています。に応じてこの値を割り当てるために、for ループで変数を
探しています。のように のように 多くのことを試しました が、 これまでのところ何も機能しません。iif
$('.TextBoxColors-${i}')$('.TextBoxColors-').value(i)$('.TextBoxColors-').value(i).css('background-color', 'green')

これは、javascript/jquery です。

let timeArray   = ["9","10", "11", "12", "13", "14", "15", "16", "17"]
let currentTime = parseInt(moment().format("H"));

for (i=0; i< 9; i++) {
  if (currentTime < parseInt(timeArray[i])) {
    $('.TextBoxColors-9').css('background-color', 'gray')
    $('.TextBoxColors-10').css('background-color', 'gray')
    $('.TextBoxColors-11').css('background-color', 'gray')
    $('.TextBoxColors-12').css('background-color', 'gray')
  }
  if (currentTime == timeArray[i]) {
    $('.TextBoxColors-13').css('background-color', 'Tomato')
  }
  
  if (currentTime > timeArray.indexOf("currentTime",currentTime)) {

    $('.TextBoxColors-14').css('background-color', 'green')
    $('.TextBoxColors-15').css('background-color', 'green')
    $('.TextBoxColors-16').css('background-color', 'green')
    $('.TextBoxColors-17').css('background-color', 'green')
  }
}

これらは、これを実現したい div の 2 つです。

<!-- 2:00PM-->
<div class="input-group input-group-lg field-size Timer" >
  <div class="input-group-prepend">
      <span class="input-group-text" id="inputGroup-sizing-lg">2 PM</span>
  </div>

  <textarea type="text" class="TextBoxColors-14 form-control" aria-label="2:00 PM"     
    aria-label describedby="inputGroup-sizing-sm"></textarea>
  
  <button class="btn btn-primary" type="button" id="saveToDo-5"><i class="fa fa-floppy-o" style="font-size:18px;"></i>
  </button>
</div>

<!-- 3:00PM-->
<div class="input-group input-group-lg field-size" >
  <div class="input-group-prepend">
    <span class="input-group-text" id="inputGroup-sizing-lg">3 PM</span>
  </div>
  <textarea type="text" class="TextBoxColors-15 form-control" aria-label="3:00 AM"
    aria-describedby="inputGroup-sizing-sm"></textarea>
  
  <button class="btn btn-primary" type="button" id="saveToDo-0">
    <i class="fa fa-floppy-o" style="font-size:18px;"></i>
  </button>
</div>