将dateTime文本从一个元素复制到另一个元素

Copy dateTime text from one element into another element

本文关键字：元素 一个 复制 另一个 文本 dateTime      更新时间：2023-09-26

我想将eventDatediv内的dateTime文本复制到dateNumber span元素中。使用我当前的代码，它将复制它在eventDate中找到的第一个日期，并将其发布到每个dateNumber span元素中，因此每个日期都是重复的，而不是唯一的。我想从每个eventDatediv的唯一内容反映在dateNumber span元素。

我使用格式化日期时间文本来对父div进行排序，并以这种格式显示日期:"Aug 7"。

html: 

 <div data-event-date="1407128400000" class="panel callout radius columns small-12 medium-6 large-4 August">
    <span class="dateNumber"></span>
    <span><a href="/community-calendar/city-council-meeting-august-2014">City Council Meeting</a></span>
    <div data-bc-date="format: MMM Do" class="hidden-for-small-up eventDate">Aug 7th</div>
</div>

js: 

$(".eventDate").parent().appendTo($(".dateNumber"));

如果您试图设置。eventDatediv值对应的。dateNumber对应的div，您可以这样做:

$(".eventDate").each(function(){
$(this).parent().find(".dateNumber").text($(this).text());
});

尝试将.closest()定位到祖先。

对于单个面板:

$(".eventDate").closest(".panel").find("span.dateNumber") // added span for more accuracy
                        .text($(".eventDate").html‌​());

对于多面板:

$(".eventDate").each(function(){
    $(this).closest(".panel").find("span.dateNumber").text($(this).html()); //added span for more accuracy
});
相关文章：