尝试使用jQuery向自动生成的表中的TD和Span添加类

我有一大堆从ASP生成的表，但我没有访问代码的权限。我需要处理一个表中的数据，特别是具有日期类的每行的第一个td和span。问题是它们都有相同的类值。有没有一种方法可以使用jquery迭代表，并在类名后面添加TD和Span的数字？？？示例td class=Day1，td class=Day2等，span示例相同。span class=DayDetail1，span class=DayDetail2

下面是该表的一个简单示例

<table name="Table1">
    <tr class="Date"><td class="Day"><span class="DayDetail">Day 1</span></td></tr>
    <tr><td>Event 1</td></tr>
    <tr><td>Event 2</td></tr>
    <tr><td>Event 3</td></tr>

    <tr class="Date"><td class="Day"><span class="DayDetail">Day 2</span></td></tr>
    <tr><td>Event 1</td></tr>
    <tr><td>Event 2</td></tr>
    <tr><td>Event 3</td></tr>
    <tr><td>Event 4</td></tr>

    <tr class="Date"><td class="Day"><span class="DayDetail">Day 3</span></td></tr>
    <tr><td>Event 1</td></tr>
    <tr><td>Event 2</td></tr>
</table>

var-ctr=1； $'tr.Date'。每个函数{ $this.find'td.Day'。删除class'Day'。添加class'Day'+ctr； $this.find'span.daydeail'。删除类'daydeail'。添加类'daydeail'+ctr； ctr++； } 第一天 事件1 事件2 事件3 第2天 事件1 事件2 事件3 事件4 第3天 事件1 事件2 试一试

如果这些类是静态的，那么只需从HTML代码中删除它们，如果这些类是动态的，那么首先使用.removeClass'Day'和.removeClass'daydeail'并向它们添加类。我可以告诉你如何：-

  var i=1;var j=1;

  $("tr.Date td").each(function(){
        $(this).removeClass('Day').addClass("Day"+i);
        i++;
  });

  $("tr.Date span").each(function(){
        $(this).removeClass('DayDetail').addClass("DayDetail"+j);
        i++;
  });

---

那么您想在问题中的所有tds和跨度中添加类？

// Document ready
jQuery(document).ready(function(){

    var i = 1;

    // Add new classes
    jQuery("tr.Date > td").each(function() {
        jQuery(this).addClass("Day" + i);
        jQuery(this).children("span").addClass("DayDetail" + i);
        i++;
    });

    // Remove old classes
    jQuery(".Day").removeClass("Day");
    jQuery(".DayDetail").removeClass("DayDetail");

});