javascript - 如何在元素的动态范围内添加类 - jQuery

Question

我正在尝试使日期范围选择器类似于this .

我试过用类似的东西

     $('#calendar-dates').on('mouseover', 'td', function() {
         if($(this).html() > window.start){
          $(this).addClass("added");
        }
     });

      $('#calendar-dates').on('click', 'td', function() {
        window.start = $(this).html(); // get the number of the day

        $(this).addClass("start"); // to mark it the date-selection start

      });

我想要的是，如果我将鼠标按钮水平放在 this day 之后的 td 元素上，以突出显示它们一个 background-color

或

如果我vertically 改变前一行的background-color。

我已经阅读了有关 slice 的内容，但我想不明白如何正确使用它。

同样使用 mouseover，在一个点之后停止突出显示元素。

请帮忙。

Answer 1

你可以试试这个。

$( "#calendar-dates" ).mouseover(function() {
       // do something 
}).click(function() {
      // do something 
});