0

以下は、作成されたタグです。

<div class="2013"><p>Item 1</p></div>
<div class="2013"><p>Item 2</p></div>
<div class="2012"><p>Item 3</p></div>
<div class="2012"><p>Item 4</p></div>
<div class="2012"><p>Item 5</p></div>
<div class="2011"><p>Item 6</p></div>

jQueryを使用して次のように配置する必要があります。

<div id="2013">
    <div class="2013"><p>Item 1</p></div>
    <div class="2013"><p>Item 2</p></div>
</div>
<div id="2012">
    <div class="2012"><p>Item 3</p></div>
    <div class="2012"><p>Item 4</p></div>
    <div class="2012"><p>Item 5</p></div>
</div>
<div id="2012">
    <div class="2011"><p>Item 6</p></div>
</div>
4

2 に答える 2

6

試す

//here find out the divs you want to target - this filter is for demo only
var $targets = $('div');

var classes = {};
$targets.each(function(){
    classes[this.className] = this.className;
})

$.each(classes, function(key, value){
    $targets.filter('.' + key).wrapAll($('<div />', {
        id: key
    }))
})

デモ:フィドル

于 2013-09-03T06:43:00.593 に答える