javascript - jquery 动态内部 html

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">

我想将一些文本附加到days的内部html中。当尝试以下代码时

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

它还更改了天和周标题。但我希望 weak header 内部 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
})