1

クラスの親内にタグが配置divされている兄弟の数を知りたいh3divcontent-block-infos-events

金額の一部が 6 アイテム未満になった場合は、div タグを作成して、各アイテムの後で常に 6 アイテムに到達できるようにしたいと考えています。h3

例えば ​​：

<div class="content-block-infos-events" >
  <h3>H3 val</h3>
  <div class="views-row rows>
    TEXT 1
  </div>
  <div class="views-row rows>
    TEXT 2
  </div>
  // i have to add 4 another <div class="views-row rows>


  <h3>H3 val</h3>
  <div class="views-row rows>
    TEXT 1
  </div>
  <div class="views-row rows>
    TEXT 2
  </div>
  <div class="views-row rows>
    TEXT 3
  </div>
  <div class="views-row rows>
    TEXT 4
  </div>
  <div class="views-row rows>
    TEXT 5
  </div>
  <div class="views-row rows>
    TEXT 6
  </div>
  // no need to add the div because i have 6 divs
</div>

ここでhtmlコードを見つけることができます：http://jsfiddle.net/Axdh6/2/

4

1 に答える 1

1

divこの場合に役に立たない兄弟要素を選択する代わりに、要素を反復処理してh3、次の要素まで次の兄弟要素を選択する必要がありますh3。

$('.content-block-infos-events h3').each(function() {
    var $divs = $(this).nextUntil('h3'),
        div_count = $divs.length;
    if (div_count < 6) {
        var divs = '';
        for (var i = 0; i < (6 - div_count); i++) {
            divs += "<div class='views-row rows'>added-text</div>";
        }
        $divs.last().after(divs);
    }
});

http://jsfiddle.net/6s88v/

于 2013-08-31T21:37:36.193 に答える