Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 计算有多少项落在另一个元素Jquery之间_Javascript_Jquery_Count - Fatal编程技术网

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) 单击“不播放项目”时不会发生任何事情。我编辑了我的帖子,把我得到的答案都包括进去了。谢谢。哇,这么简单的错误。这很有效,非常感谢。哇,这么简单的错误。这很有效,非常感谢。