Jquery从span检测并附加到td

Jquery Detect from span and append to td

本文关键字：td span 检测 Jquery      更新时间：2023-09-26

我在一个表中有很多行的格式有点像。。。

<td class="inline-entity-form-node-field_rate_dates">
<div class="field field-name-field-rate-dates field-type-datetime field-label-hidden">
<div class="field-items">
<div class="field-item even">
<span class="date-display-start" property="dc:date" datatype="xsd:dateTime" content="2015-09-28T00:00:00-04:00">
Monday, September 28, 2015
</span> to 
<span class="date-display-end" property="dc:date" datatype="xsd:dateTime" content="2015-09-30T00:00:00-04:00">
Wednesday, September 30, 2015
</span>
</div>
</div>
</div>
</td>

我想做的是从span class"date display start"（在这种情况下，content="2015-09-28T00:00-04:00"）中的"content"中获取值，并将其附加到TD…这样它就会出现：

td数据订单="2015-09-28T00:00-04:00"

并以这种方式遍历每一行。。。

我更像是一个PHP/Backend的人，所以如果能在jQuery中提供任何帮助，我将不胜感激！

这应该是

$(function(){
    // Find spans with class date-display-start and iterate over each
    $('span.date-display-start').each(function(){
        // closest finds the closest element matching the selector traversing up through its ancestors.
        // Here we find the closest td and set its attribute for data-order = the the current span's content
        $(this).closest('td').attr('data-order', $(this).attr('content'));
    });
});

JSFiddle

相关文章：