Javascript 使用jquery查找并获取具有相同CALS的下一个元素

我有几个具有相同类的span标记（.blue） 和几个具有相同类的span标记（.black） 这些标签将通过单击创建。 我有一个计算长度的柜台

我的代码：

<button id="btn">click me!</button>
<button id="btn2">click me!</button>
<div id="div1" style="background-color: #00f2f2;width: 1000px">
    <input id="inp" value="0">
    say hi
</div>
<script>
    $("#btn").click(function () {
        var span1 = $('<span />').addClass('blue');
        $("#div1").append(span1);
    });
    $("#btn2").click(function () {
        var span2 = $('<span />').addClass('black');
        $("#div1").append(span2);
    })

点击我！
点击我！
打招呼
$（“#btn”）。单击（函数（）{
var span1=$（''）.addClass（'blue'）；
$（“#div1”）。追加（span1）；
});
$（“#btn2”）。单击（函数（）{
var span2=$（''）.addClass（'black'）；
$（“#div1”）。追加（span2）；
})

正如您所知，span标记将在源位置创建， 我们可以在那里看到他们， 如果我们随机单击btn和btn2，则源为：

<span class="blue"></span>
<span class="black"></span>
<span class="black"></span>
<span class="black"></span>
<span class="blue"></span>
<span class="blue"></span>

现在我的问题在这里 我怎样才能把这些分类？ 例如： 3（.black）之后做任何事情。。。 就这样,

<span class="black"></span>
<span class="black"></span>
<span class="black"></span>

现在做

我想要一个条件来处理所有的子元素

最后一个例子：

true :                                       false : 
<span class="blue"></span>                     <span class="blue"></span>
<span class="black"></span>                    <span class="blue"></span>
<span class="black"></span>                    <span class="blue"></span>
<span class="black"></span>                    <span class="black"></span>   
<span class="blue"></span>

true:false:

如何使用相同的类处理和排序下一个、前一个和所有节点

---

我希望你能理解我的问题，告诉我这是否是你想要的

$（“#btn”）。单击（函数（）{
var span1=$（''）.addClass（'blue'）；
$（“#div1”）。追加（span1）；
$（'.countBlue'）.text（countSpan（'blue'））；
计数支票（“黑色”、“蓝色”）；
});
$（“#btn2”）。单击（函数（）{
var span2=$（''）.addClass（'black'）；
$（“#div1”）。追加（span2）；
$（'.countBlack'）.text（countSpan（'black'））；
计数支票（“黑色”、“蓝色”）；
});
函数countSpan（类span）{
var countItems=$（'.'+classSpan）.length；
如果（计数项>=3）{
log（“count”+classSpan+”等于“+countItems”）；
//做点什么
}
var numItems=“类为“+classSpan+”的元素数为：”+countItems；
返回numItems；
}
函数计数检查（classSpan1、classSpan2）{
var countItems1=$（'..+classSpan1）.length，countItems2=$（'.+classSpan2）.length；
if（countItems1==3&&countItems2==2）{
log（classSpan1+'与'+countItems1+'相同，'+classSpan2+'与'+countItems2'相同）；
}
}

.black、.blue{宽度：25px；高度：25px；显示：内联块}
.black{背景色：黑色}
.blue{背景色：blue}

点击我！
点击我！

请您详细说明，但不确定您需要实际实现什么。例如：如果第一个跨距为.black，第二个跨距为.blue。检查查找3.黑色类如何有条件检查是黑色的？是黑色的吗？什么时候找3.黑色的课。将它们放在一个变量中，这样黑色应该在一个3人的

组中

，当blue span将附加时，它将在任何地方，但不会在3人的组中？如果您想要更多，然后你需要用你的模型做一个数组，每次用户actionthx回复时检查差异，我会检查it@Alex如果你觉得我的帖子有用的话，你能把它投上去吗？好的，伙计：）谢谢