1

我想知道有多少div兄弟姐妹的h3标签位于类的父div级内content-block-infos-events

如果其中一些数量少于 6 个项目，我想创建 divs 标签，这样我总是可以在每个项目之后达到 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 回答