javascript - 如果子 div 具有特定值，则删除父 div 类

Question

我有以下代码:

<td class="CalendarDay CalendarDay--valid" style="width: 37px; height: 36px;">
   <button type="button" class="CalendarDay__button">16</button>
</td>

检查按钮值是否为 16，然后从父 div 中删除 .CalendarDay--valid。

我该怎么做？

Answer 1

您可以使用 closest() 方法来做到这一点:

var elem = $('.CalendarDay__button');
if (elem.text().trim() === '16') {
  elem.closest('.CalendarDay--valid').removeClass('CalendarDay--valid');
}

.CalendarDay--valid button{
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="CalendarDay CalendarDay--valid" style="width: 37px; height: 36px;">

      <button type="button" class="CalendarDay__button">16</button>
    </td>
  </tr>
</table>