javascript - JQuery改变兄弟姐妹选择css

Question

如果月份和年份结束，我想将两个边框 css 更改为红色。我面临一个问题，我不知道如何调用兄弟姐妹选择。

这个 jquery 并不完全完整。我也想知道如何更改兄弟选择边框颜色：

$('.month').on('change', function() {
  var current_date = new Date();
  var current_month = current_date.getMonth();
  var current_year = current_date.getFullYear();
  var m = $(this).val();
  var month = $(this).closest('select');
  var year = month.siblings('.year');
  var y = year.val();
  if (m <= current_month + 1) {
    $('.month').css("border", "1px solid red");
    $('.year').css("border", "1px solid red");
  } else {
    $('.month').css("border", "1px solid grey");
    $('.year').css("border", "1px solid grey");
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="margin-left:1%;">
  <select class="month">
    <option value="01">January</option>
    <option value="02">February </option>
    <option value="03">March</option>
    <option value="04">April</option>
    <option value="05">May</option>
    <option value="06">June</option>
    <option value="07">July</option>
    <option value="08">August</option>
    <option value="09">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
  </select>
  <select class="year">
    <option value="21"> 2021</option>
    <option value="22"> 2022</option>
    <option value="23"> 2023</option>
    <option value="24"> 2024</option>
    <option value="25"> 2025</option>
    <option value="26"> 2026</option>
  </select>
</div>

标签： javascripthtmljquerycss