0

私はこのようなHTMLを持っています -

<div class="outerDiv" id="od_1">
    <label>Div 1</label>
    <div class="innerDiv">Inner Div 1</div>
    <div class="innerDiv">Inner Div 2</div>
    <div class="innerDiv">Inner Div 3</div>
</div>
<div class="outerDiv" id="od_2">
    <label>Div 2</label>
    <div class="innerDiv">Inner Div 1</div>
    <div class="innerDiv">Inner Div 2</div>
    <div class="innerDiv">Inner Div 3</div>
</div>

私がjQueryを通して達成したいのはこれです -

<div class="outerDiv" id="od_1">
    <label>Div 1</label>
    <div class="innerDivBox">
        <div class="innerDiv">Inner Div 1</div>
        <div class="innerDiv">Inner Div 2</div>
        <div class="innerDiv">Inner Div 3</div>
    </div>
</div>
<div class="outerDiv" id="od_2">
    <label>Div 2</label>
    <div class="innerDivBox">
        <div class="innerDiv">Inner Div 1</div>
        <div class="innerDiv">Inner Div 2</div>
        <div class="innerDiv">Inner Div 3</div>
    </div>
</div>

クラス「outerDiv」でdivをループすることから始めました-

$('.outerDiv').each(function(i, obj) {
     var divId = this.id;                    
});

しかし、ここから正確にどのように進めればよいかわかりません。どんな助けでも大歓迎です。ありがとう。

4

2 に答える 2

4

find()andを使用wrapAll()して、共通の親を持つ内側の div をグループ化できます。

$('.outerDiv').each(function(i, obj) {
    $(this).find('.innerDiv').wrapAll('<div class="innerDivBox">');
});

ここでjsFiddle。

于 2013-06-17T10:38:33.650 に答える
0

これを試して：

$('.outerDiv').each(function() {
    $(this).append( $('<div class="innerDivBox"></div>').append( $(this).find('.innerDiv') ) );
});
于 2013-06-17T10:41:26.473 に答える