jQuery datepicker元素不響應任何修改DOM的js

Question

我試圖在jquery ui datepicker中獲取日期單元格，以高亮顯示我想要的顏色，因為我單擊它們，但是無論我做什么，元素似乎都沒有改變。

<style>
  .mydatepicker-selected {
    background-color: red!important;
  }
</style>
<script>
  var selecteddates = [];

  function highlight() {
    $.each($('td'), function() {
      console.log($(this).html());
      $(this).remove();

    });
  });
  }
  $(document).ready(function() {
    $('#mydatepicker').datepicker({
      onSelect: function(datetext, obj) {
        var dateindex = $.inArray(datetext, selecteddates);
        if (dateindex == -1)
          selecteddates.push(datetext);
        else
          selecteddates.splice(dateindex, 1);
        highlight();
      }
    });
  });
</script>
<div id='mydatepicker'></div>
<table>
  <tr>
    <td>test</td>
  </tr>
</table>

頁面底部帶有文本“ test”的td被刪除，但datepicker中的td均未刪除。 console.log顯示我確實選擇了日期選擇器中的所有td，但是remove功能無效。 我還嘗試了一些不太苛刻的方法，例如添加/刪除類，但是都沒有效果。 有任何想法嗎？ 最終，我只想在某些tds上添加和刪除類以突出顯示日期單元格。

Answer 1

我認為您只需要以下樣式：

.ui-datepicker-calendar .ui-state-active {
   background-color: red!important;
 }