Использование> = дает неверные результаты?

Question

У меня есть 2 таблицы по 10 строк в каждой. Есть два раскрывающихся списка. Первый номер 1-10, а второй номер 11-20.

Теперь строки 1-10 находятся в одном классе, а строки 11-20 в одном классе.

Проблема в том, что, скажем, я выбрал только второй выпадающий список и выбрал «13», он должен дать мне только строки, пронумерованные от «11 - 13», а не от «1 - 10». В настоящее время, если я выбираю значение из второго раскрывающегося списка, оно автоматически отображает строки от 1 до 10. Это не должно делать это.

Первый цикл для строки контейнера с классом <tr class="input-containers Container1"></tr> до <tr class="input-containers Container10"></tr>

<script>
$(document).ready(function() {
  function hideAllContainers() {

    $(".input-containers").hide();
    $("#input-containers").show();
  }
  //#containers is the dropdown with options 1-10
  $('#containers').on('change', function() {

    hideAllContainers();
    var count = parseInt(this.value);

    for (i = 1; i <= count; i++) {
    console.log($(".Container" + i));
      $(".Container" + i).show();
    }
  });
});
</script>

Второй цикл для строки контейнера с классом <tr class="input-secondcontainers Container11"></tr> до <tr class="input-secondcontainers Container20"></tr>

<script>
$(document).ready(function() {
  function hideAllContainers2() {

    $(".input-secondcontainers").hide();
    $("#input-secondcontainers").show();

  }
  //#containers2 is the dropdown with options 11-20
  $('#containers2').on('change', function() {

    hideAllContainers2();
    var count = parseInt(this.value);

    for (i = 1; i >= count; i++) {
    console.log($(".Container" + i));
      $(".Container" + i).show();
    }
  });
});
</script>

Answer 1

Попробуйте это для второго цикла for:

 $('#containers2').on('change', function() {

    hideAllContainers2();
    var count = parseInt(this.value);

    for (i = 11; i <= count; i++) {
    console.log($(".Container" + i));
      $(".Container" + i).show();
    }
  });