替换单元格中的文本时出现重复值

Question

在fullcalendar.io中，我试图更改月视图中日期单元格的标题。具体来说，我想在每个单元格的天数中添加一些自定义文本。

然而，当我试图将文本写入单元格时，它会被复制。我的技能不足以确定原因。

  $(document).ready(function () {
      $('#TEST').click(function () {
          var elem = $("td").find("[data-date='2014-09-01']");
          elem.text('foo');
      });
    $('#calendar').fullCalendar({
          defaultDate: '2014-09-01',
          events: [{
              backgroundColor: '#66FF33',
              start: '2014-09-01 00:00:00Z',
              allday: true
          }]
      });
  });

在一个简单的例子中，我用识别细胞

elem = $("td").find("[data-date='2014-09-01']");

并且正在尝试用写入单元格

elem.text('foo');

但是，我在生成的单元格中看到了"foo-foo"。参见jsFiddle

我试图清除单元格（elem.empty（））并使用不同的方法编写单元格（.text，.html），但没有产生任何影响。

有什么见解吗？

Answer 1

有两个表（在<div class="fc-bg">和<div class="fc-content-skeleton">中，一个表在另一个表上渲染）。每个表都有td和data-date='2014-09-01'。因此，您的代码将为两个td设置文本"foo"。

您只能为其中一个设置文本，指定要选择的文本。例如，对于fc-bg（保存月份的天数）：

var elem = $(".fc-bg td[data-date='2014-09-01']");
elem.text('foo');

更新的小提琴。