Javascript 如何在表格中选择这些td？

我有一个静态html的日历（下面的例子），我想在hoover上选择整个星期（只需添加“.active”类，点击它就会返回通过点击它选择的一周的第一天和最后一天

我想我应该使用.on（）事件，因为它是由插件动态加载的。 我尝试了许多jQuery选择器，但找不到合适的。请帮助我，我想学习如何以最佳方式执行此操作：）

29
30
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1.
2.
3.
4.
5.
6.
7.
8.
9

---

问候。

看来你在找这样的东西

$(document).on("click", "td", function(event){

\\your code here

});

试试这个：

JQuery:

.active{
    color:red;
}

如果要添加

类

，请单击

$(document).on('click', 'tr', function () {
    $('.active').removeClass('active');
    $(this).addClass('active')
});

如果希望它在悬停时添加

类

$(document).on('mouseover', 'tr', function () {
    $('.active').removeClass('active');
    $(this).addClass('active')
});

CSS:

.active{
    color:red;
}

---

整个星期都很简单。当您单击一个

td

时，查看它的父项

$(document).on('click', 'td.day', function () {    
    $('.selected').removeClass('selected');/* clear previous class clicks*/
    $(this).parent().children().addClass('selected');  
});

对于悬停，请使用以下内容：

$(document).on('mouseenter mouseleave', 'tr', function () { 
     $(this).toggleClass('rowHoverClass');
})

---

我相信您正在寻找这样的产品：

$(document).on("click", "tr", function() {
    $(this).addClass("active");
    var first_day = $(this).find("td").first();
    var last_day = $(this).find("td").last();
    console.log(first_day, last_day);
});

---

jsFiddle:

是的，我可以这样写；）我需要一个更深入的实现，因为我需要选择整周（这意味着我需要将class.active.to添加到悬停周内的所有td）。“我认为我应该使用.on（）事件，因为它是由插件动态加载的”这个jQuery没有考虑到这一点，否则这是一个很好的答案。@Popleak更新了我的答案。。谢谢你：）