-1

同じクラスの DIV 要素の数が必要です。ロード時に、Jquery はそれらの DIV 要素の特定の数をラップできます。

例：

<div class="wrapper">

    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>

</div>

次に、4 つの DIV 要素ごとに、別の div という名前でラップしたいとします。childWrapper

結果は次のようになります。

<div class="wrapper">

    <div class="childWrapper">
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
    <div class="childWrapper">
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>

</div>

ありがとう ：）

4

2 に答える 2

2

これはトリックを行います：

function wrapDivs(number) {
    var divs = $("div.wrapper > div.child");
    for(var i = 0; i < divs.length; i+=number) {
        divs.slice(i, i+number).wrapAll("<div class='childWrapper'></div>");
    }
}

この関数のパラメーターは、それぞれに必要な div の数です。childWrapper

デモ: http://jsfiddle.net/tymeJV/eqFQF/2/

于 2013-06-05T17:37:14.747 に答える