Javascript 计算有多少项落在另一个元素Jquery之间
我有一个类似以下内容的列表:Javascript 计算有多少项落在另一个元素Jquery之间,javascript,jquery,count,Javascript,Jquery,Count,我有一个类似以下内容的列表: <div class="container"> <div class="item play">1</div> <div class="item do-not-play">2</div> <div class="item play">3</div> <div class="item play">4</div> <div class="i
<div class="container">
<div class="item play">1</div>
<div class="item do-not-play">2</div>
<div class="item play">3</div>
<div class="item play">4</div>
<div class="item do-not-play">5</div>
<div class="item do-not-play">6</div>
<div class="item play">7</div>
</div>
你的问题在这里:
nextUntil('play')
您正在查找一个类,因此使用以下命令更改前一行:
nextUntil('.play')
$('.item')。单击(函数(){
console.log($(this.nextUntil('.play').length);
});代码>
1.
2.
3.
4.
5.
6.
7.
您的问题在这里:
nextUntil('play')
您正在查找一个类,因此使用以下命令更改前一行:
nextUntil('.play')
$('.item')。单击(函数(){
console.log($(this.nextUntil('.play').length);
});代码>
1.
2.
3.
4.
5.
6.
7.
一种不同的方法来避免每次单击时循环
$(函数(){
var$lastPlayItem=“”;
var lastPlayIndex=-1;
var$item=“”;
var$playbuts=$(.container.play”);
$。每个($播放按钮,功能(i,项){
$item=$(item);
如果(i==0){
lastPlayIndex=$item.index();
$lastPlayItem=$item;
}
如果($item.index()>lastPlayIndex+1){
$lastPlayItem.attr(“数据计数“,$item.index()-lastPlayIndex-1);
}
lastPlayIndex=$item.index();
$lastPlayItem=$item;
});
$playButtons.单击(函数(){
警报($(this).attr(“数据计数”)| | 0);
});
})
.item{
边框:1px纯绿色;
保证金:5px;
}
.项目.播放:悬停{
光标:指针;
背景色:红色;
}
2.
-一出戏
2.
一出戏
2.
3场比赛
4打
5.
6.
7场比赛
一种不同的方法来避免每次单击时循环
$(函数(){
var$lastPlayItem=“”;
var lastPlayIndex=-1;
var$item=“”;
var$playButtons=$(“.container.play”);
$。每个($播放按钮,功能(i,项){
$item=$(item);
如果(i==0){
lastPlayIndex=$item.index();
$lastPlayItem=$item;
}
如果($item.index()>lastPlayIndex+1){
$lastPlayItem.attr(“数据计数“,$item.index()-lastPlayIndex-1);
}
lastPlayIndex=$item.index();
$lastPlayItem=$item;
});
$playButtons.单击(函数(){
警报($(this).attr(“数据计数”)| | 0);
});
})
.item{
边框:1px纯绿色;
保证金:5px;
}
.项目.播放:悬停{
光标:指针;
背景色:红色;
}
2.
-一出戏
2.
一出戏
2.
3场比赛
4打
5.
6.
7场比赛
2个问题。1) 你能发布你迄今为止尝试过的内容,以便我们能帮助你解决问题吗?2)如果你点击第5项,你认为会发生什么?1)我只是尝试使用我在上面发布的类似问题中的一些答案,试图将其中的一些答案转换成一些有效的答案。2) 单击“不播放项目”时不会发生任何事情。我编辑了我的帖子,把我得到的答案都包括进去了。谢谢。两个问题。1) 你能发布你迄今为止尝试过的内容,以便我们能帮助你解决问题吗?2)如果你点击第5项,你认为会发生什么?1)我只是尝试使用我在上面发布的类似问题中的一些答案,试图将其中的一些答案转换成一些有效的答案。2) 单击“不播放项目”时不会发生任何事情。我编辑了我的帖子,把我得到的答案都包括进去了。谢谢。哇,这么简单的错误。这很有效,非常感谢。哇,这么简单的错误。这很有效,非常感谢。