Question

我有一个周三周标头的活动日历，如

<th class="fc-day-header fc-wed fc-widget-header">Wed</th>

和天

<td class="fc-day fc-wed fc-widget-content fc-other-month fc-past" data-date="2014-02-26">
<td class="fc-day fc-wed fc-widget-content fc-past" data-date="2014-03-05">

我想在天的内部html中附加一些文字。尝试以下代码时

    var items = "SWERTY LOPES-014-256-9696",
    divs = document.getElementsByClassName('fc-wed');
    [].slice.call( divs ).forEach(function ( div ) {
    div.innerHTML = div.innerHTML+items;    
    });

它也改变了天和周标头。但是我希望弱标题内部html保持不变。提前谢谢。

Answer 1

使用querySelectorAll仅定位具有所述类

的td元素

var items = "SWERTY LOPES-014-256-9696",
    divs = document.querySelectorAll('td.fc-wed');
[].slice.call(divs).forEach(function (div) {
    div.innerHTML = div.innerHTML + items;
});

自标记为jQuery

var items = "SWERTY LOPES-014-256-9696";
$('td.fc-wed').html(function (i, html) {
    return html + items
})

动态内部html由jquery

1 个答案: