1

好的,我有以下内容:

<div class="row">
    <div class="test">02/12/2013</div>
    <div class="test">03/12/2013</div>
    <div class="test">04/12/2013</div>
    <div class="test">05/12/2013</div>
    <div class="class1">06/12/2013</div>
    <div class="test"><07/12/2013/div>
    <div class="test">08/12/2013</div>
    <div class="test">09/12/2013</div>
    <div class="test">10/12/2013</div>
</div>
<div class="row">
    <div class="test">11/12/2013</div>
    <div class="test">12/12/2013</div>
    <div class="test">13/12/2013</div>
    <div class="test">14/12/2013</div>
    <div class="test">15/12/2013</div>
    <div class="test">16/12/2013</div>
    <div class="class2">17/12/2013</div>
    <div class="test">18/12/2013</div>
    <div class="test">19/12/2013</div>
    <div class="test">20/12/2013</div>
    <div class="test">21/12/2013</div>
</div>

在这种情况下,class1 和 class2 是使用 angularJS 动态添加的,那么我该如何计算两个 div class1 class2 之间有多少个带有测试类的 div?

4

2 回答 2

3

你的意思是这样的?

$(function(){
    var $class1 = $('.class1');
    var $class2 = $('.class2');
    var $afterClass1 = $class1.nextAll('.test');
    var $beforeClass2 = $class2.prevAll('.test');

    var count = $afterClass1.length + $beforeClass2.length;

    $('.count').html(count);    
});

http://jsfiddle.net/SAsty/

编辑: 更好的可视化 http://jsfiddle.net/SAsty/3/

编辑2:
做类似的事情:

var $allBetween =  $afterClass1.add($beforeClass2);
$allBetween.addClass('between');
于 2013-08-09T18:42:28.157 回答
0

也许是这样的?

$divs = $('.row div');
var count = $divs.index($('.class2')) - $divs.index($('.class1')) - 1;
于 2013-08-09T18:43:51.787 回答