javascript - 按动态类对 div 元素进行分组

Question

我有一个day类动态:

<div class="day day111">a</div>
<div class="day day111">a</div>
<div class="day day112">a</div>
<div class="day day112">a</div>
<div class="day day113">a</div>

我正在尝试得到这个:

<div class="group">
    <div class="day day111">a</div>
     <div class="day day111">a</div>
</div>
<div class="group">
    <div class="day day112">a</div>
    <div class="day day112">a</div>
</div>
<div class="group">
    <div class="day day113">a</div>
</div>

我只能用 JavaScript 来做到这一点。我正在尝试循环，但无法分组。你能帮助我吗？谢谢!

Answer 1

尝试

var groups = {};
$('.day').each(function () {
    var className = this.className.match(/(day\d+)/)[1],
        $group = groups[className];
    if (!$group) {
        $group = $('<div />', {
            'class': 'group'
        }).insertAfter(this);
        groups[className] = $group;
    }
    $group.append(this);
})

演示:Fiddle