Question

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

我使用格式化的日期时间文本来排序父div，也用于以这种格式显示日期：＆＃34; 8月7日＆＃34;。

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

Answer 1

如果您尝试将 .eventDate div值设置为相应的 .dateNumber div，则可以这样做：

$(".eventDate").each(function(){

$(this).parent().find(".dateNumber").text($(this).text());

});

Answer 2

尝试.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
});

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

2 个答案: