簡體   English   中英

動態內部HTML通過jQuery

[英]Dynamic inner html by jquery

我有一個帶有星期三標題的活動日歷,例如

<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;    
    });

它也更改了日期星期標題 但我希望弱標題內部html保持不變。 提前致謝。

使用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
})

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM