1

CSS で新しいコンテナーを操作できるように、<h2>との各セットをそれぞれのセット<table>内にラップしたいと思います。<div>

以下は、私が使用している HTML の簡略版です。

<div>
<h3></h3>
<h2 class="product-line-term-name">Product 1</h2>
<table class="views-view-grid"></table>
<h3></h3>
<h2 class="product-line-term-name">Product 2</h2>
<table class="views-view-grid"></table>
<h3></h3>
<h2 class="product-line-term-name">Product 3</h2>
<table class="views-view-grid"></table>
</div>

注: 私はテーマ レイヤーでのみ作業しているため、jQuery (バージョン 1.3.2) と CSS が私のツールです。

4

3 に答える 3

2

この場合、 nextUntilとwrapAllを利用できます。

$('h3').each(function(){
    $(this).nextUntil('h3').wrapAll('<div class="example" />');
});

デモ: http://jsfiddle.net/9w9Sp/

于 2013-03-18T06:33:13.743 に答える
0

このコードを見てください

jQuery.each($('.product-line-term-name'), function(i, val) {
   //Create new element 
    var div = "<div>" + $(this)[0].outerHTML + $(this).next()[0].outerHTML + "</div>";  

    $(this).prev().after(div);
    $(this).next().remove();
    $(this).remove();
});

フィドルを見る

于 2013-03-18T06:43:42.220 に答える
0

次のコードは、jQuery 1.3.2 の目的に役立つと思います。

var h3_length = $('h3').length;

for(var i= h3_length - 1; i>= 0; i--) {
    $('h3').eq(i).nextAll().not(".test, h3").wrapAll('<div class="test" />');
}
于 2013-03-29T06:41:12.290 に答える