Замените и добавьте Wrapper с 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

не закрыть Попробуйте

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

Demo : Fiddle

Answer 2

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

Fiddle

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

DEMO.