javascript - 用 Javascript / JQuery 替换和添加包装器

Question

我从某个日期开始，我无法按照我想要的方式进行格式化，所以我尝试通过 javaScript 进行格式化。

<div class="date">
Oct. 07,
</div>

我正在努力实现：

<div class="date">
<div class="m1">Oct</div> <div class="m2">07</div>
</div>

我有这个 jQuery，但我还没有接近

$(document).ready(function() {

$('.date').each(function( index ) {
var kill = $(this).html().replace(/. /g, ' ').replace(/,/g,' ');
$(this).html(kill);
});

});

Answer 1

var $date = $('.date'),
    text = $date.text(),
    monthYear = text.split('.');
$date.html('')
    .append($('<div class="m1">' + monthYear[0] + '</div>'))
    .append($('<div class="m2">' + monthYear[1].replace(',','') + '</div>'));

小提琴

Answer 2

尝试

$('.date').html(function (idx, html) {
    return html.replace(/([a-z]+).(\s+)(\d+),/i, '<div class="m1">$1</div> <div class="m2">$3</div>')
})

演示：小提琴

Answer 3

你也可以试试这个

var date = $.trim($('.date').text()), d = date.split('.');
$('.date').html("<div class='m1'>"+d[0]+"</div> <div class='m2'>"+d[1].replace(',', '')+"</div>");

演示。