我有多个日历表,我想将所有属性合并到另一个属性中。有没有可能?只是实验。这是 * HTML *
的示例代码<div class="day_num" data-date="17" date="July 2019">17</div>
我想将data-date
和date
属性放入此div属性:
<div full-date=""></div>
这可能吗?很抱歉尝试这样的事情。
*这是示例日历*
每个单元格都有上面提到的div
。我将包含HTML
输出
答案 0 :(得分:4)
这将遍历day_num元素,结合其属性以形成日期,并将该日期分配给子div到full-date属性。
$('.day_num').each(function(){
let full_date = $(this).attr('data-date')+' '+$(this).attr('date');
$(this).children('div').attr('full-date',full_date);
})
答案 1 :(得分:3)
属性值是纯字符串,可以使用+
运算符将其随意组合(串联)在一起。我假设您希望将“ 2019年7月17日”作为完整属性(假设您的元素具有ID标签“ source”和“ target”,以确保选择器返回单个元素):
let day = $("#source").attr("data-date");
let date = $("#source").attr("date");
let fullDate = day + " " + date;
$("#target").attr("full-date", fullDate);
编辑:带有问题的完整HTML和表格;您需要遍历元素$(".day_num")
,并将相同的代码片段应用于每个片段:
$(".day_num").each(function () {
let $this = $(this);
let day = $this.attr("data-date");
let date = $this.attr("date");
let fullDate = day + " " + date;
$this.find("div").attr("full-date", fullDate);
});