Javascript 如何在动态元素范围中添加类-jQuery

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

我试过使用像这样的东西

     $('#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

      });

我想要的是，如果我水平移动

，将鼠标按钮放在

td

元素上，这些元素在

这一天之后

，用

背景色突出显示它们

或

如果我垂直移动

以更改上一行的
背景色

我读过关于切片的书，但我想不明白如何正确地利用它

还可以使用鼠标盖

，在点后停止高亮显示元素

请帮忙。

你可以试试这个

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

---

什么是window.start here？一个保存范围起始日值的全局变量。既然您已经有了一个工作示例，为什么不从中学习您可以做什么的概念呢？转到github页面，找到

daterangepicker.js

文件，搜索

//突出显示日期

，就在这里了。从现有代码中学习总是很好的，即使你不想仅仅复制它。我这样做了，但它似乎有点复杂，没有从我的手尖了解整个代码。谢谢，但这对我试图实现的目标没有帮助。