Javascript 使用prev（）查找项目编号？

你有过这样的经历

<li>1</li>
<li>2</li>
<li>3</li>
<li class="seperator">...</li>
<li>4</li>
<li>5</li>
<li>6</li>

1
二,
三,

四,
五,
六,

---

如何计算顶部和底部部分的项目数？

假设它们都在一个父项中，有两种方法。您可以使用

prevAll

查看前面的长度：

var previousCount = $(".seperator").prevAll().length;

对于后面的，它是

nextAll

：

var nextCount = $(".seperator").nextAll().length;

示例-请注意，我已稍微更改了您的HTML，因此我们的两侧没有相同的编号，因此我们知道它正在工作：

console.log（“Before:，$（.separator”）.prevAll（）.length）；
log（“之后：，$（.separator”）.nextAll（）.length）

一,
二,
三,

四,
五,
六,
七,

假设他们都是单亲家庭，有几种方法。您可以使用
prevAll
查看前面的长度：

var previousCount = $(".seperator").prevAll().length;

对于后面的，它是
nextAll
：

var nextCount = $(".seperator").nextAll().length;

示例-请注意，我已稍微更改了您的HTML，因此我们的两侧没有相同的编号，因此我们知道它正在工作：


console.log（“Before:，$（.separator”）.prevAll（）.length）；
log（“之后：，$（.separator”）.nextAll（）.length）

一,
二,
三,

四,
五,
六,
七,

从分隔符开始，使用和获取集合，然后使用它们的长度

var topCount = $('.seperator').prevAll().length

var bottomCount = $('.seperator').nextAll().length

从分隔符开始，使用和获取集合，然后使用它们的长度

var topCount = $('.seperator').prevAll().length

var bottomCount = $('.seperator').nextAll().length

可以使用prevAll（）获取匹配元素集中元素的前面同级，使用nextAll（）获取匹配元素集中元素的下面同级

阅读：

及


console.log（$（.separator”）.prevAll（“li”）.length）；
console.log（$（“.separator”）.nextAll（“li”）.length）

一,
二,
三,

四,
五,
6
您可以使用prevAll（）获取匹配元素集中元素的前面同级，使用nextAll（）获取匹配元素集中元素的以下同级

阅读：

及


console.log（$（.separator”）.prevAll（“li”）.length）；
console.log（$（“.separator”）.nextAll（“li”）.length）

一,
二,
三,

四,
五,
6
您可以使用其他答案中已经提到的
prevAll
和
nextAll
，或者您可以使用
index（）
并根据
ul
的长度获取值：


prev=$（'.separator'）.index（）；
next=$（'ulli'）.length-$（'separator'）.index（）-1；
控制台日志（prev）；
console.log（下一步）


一,
二,
三,

四,
五,
六,
七,
您可以使用其他答案中已经提到的
prevAll
和
nextAll
，或者您可以使用
index（）
并根据
ul
的长度获取值：


prev=$（'.separator'）.index（）；
next=$（'ulli'）.length-$（'separator'）.index（）-1；
控制台日志（prev）；
console.log（下一步）


一,
二,
三,

四,
五,
六,
七,
如果使用jQuery，那么“顶部和底部”指的是顶部和底部的组合，您可以获得所有项目并排除
。分隔符
：
$（“li”）。而不是（“.separator”）。长度或
$（“li:not（.separator）”）。长度。如果你的意思是分开，请参考下面的答案。如果你在意，请使用“分隔符”。）如果使用jQuery，那么“顶部和底部”是指顶部和底部的组合，您可以获取所有项目并排除
.separator
：
$（“li”）。而不是（“.separator”）。长度或
$（“li:not（.separator）”）。长度。如果你的意思是分开，请参考下面的答案。如果你在意，请使用“分隔符”。）