javascript - jQuery 用博客日期标题的跨度替换连字符

Question

我正在寻找使用 jQuery 自定义 blogger 中的默认日期 header 。

原始输出为:

<h2 class='date-header'>2011-01-20</h2>

我想将 YYYY、MM 和 DD 包裹在 span 中，以便我可以将它们作为子节点进行操作。

结果是:

<h2 class='date-header'><span class="dhy">2011</span><span class="dhm">01</span><span class="dhd">20</span></h2>

我的每次尝试都会添加额外的标签，所以这是一个嵌套的困惑。

谁有好的解决办法？

Answer 1

这是一个很好的功能性解决方案:

$('.date-header').html(function() {
    var txt = $(this).text();
    var classes = ['dhy', 'dhm', 'dhd'];
    $(this).html($.map(txt.split(/-/), function(val) {
        return $('<span/>', {'class': classes.shift()}).text(val)[0];
    }));
});

http://jsfiddle.net/ThiefMaster/WdRAw/