如何获得两个属性的值并将其放在另一个属性中?

时间:2019-06-18 03:22:11

标签: javascript jquery html

我有多个日历表,我想将所有属性合并到另一个属性中。有没有可能?只是实验。这是 * HTML *

的示例代码
<div class="day_num" data-date="17" date="July 2019">17</div>

我想将data-datedate属性放入此div属性:

<div full-date=""></div>

这可能吗?很抱歉尝试这样的事情。

*这是示例日历*

enter image description here

每个单元格都有上面提到的div。我将包含HTML输出

enter image description here

2 个答案:

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