使用JavaScript获取下一个/上一个元素？
在前端开发中，我们可以使用JavaScript来获取下一个或上一个元素。以下是一些常用的方法：
- 使用
nextElementSibling和previousElementSibling属性：
这两个属性分别返回当前元素的下一个和上一个兄弟元素。例如：
const currentElement = document.querySelector('.current');
const nextElement = currentElement.nextElementSibling;
const previousElement = currentElement.previousElementSibling;- 使用
querySelector和querySelectorAll方法：
我们可以使用CSS选择器来获取下一个或上一个元素。例如：
const currentElement = document.querySelector('.current');
const nextElement = currentElement.querySelector('.next');
const previousElement = currentElement.querySelector('.previous');- 使用
next()和previous()方法：
这些方法返回当前元素的下一个或上一个兄弟元素。例如：
const currentElement = document.querySelector('.current');
const nextElement = currentElement.next();
const previousElement = currentElement.previous();请注意，这些方法可能不会在所有浏览器中都可用，因此在使用它们之前，请确保您的目标浏览器支持它们。
在使用这些方法时，请确保您已经正确选择了当前元素，并且您有权访问下一个或上一个元素。如果您需要跨越不同的文档或窗口，则需要使用更高级的技术，例如postMessageAPI。
相关·内容
3回答
带有Next()的集合
、、、
如何获取集合中引用的元素的下一个元素，例如List<T>？
我不是在谈论任何循环，等等。我只想得到一个下一个(或上一个)元素
浏览 0提问于2011-10-11得票数 2
回答已采纳
我想要做的是，我使用箭头键将焦点设置为下一个/前一个选项卡。我使用javascript .focus()方法将焦点设置为使用ID的元素。我正在获取活动选项卡id，但我需要获取上一个和下一个选项卡id，以便我可以设置焦点。但是我无法得到上一个和下一个标签id
当我尝试的时候，我得到了Cannot read property 'id' of null错误。
浏览 1提问于2020-04-27得票数 0
回答已采纳
; //Next Element Src}
在每个图像点击我必须更改当前，上一个和下一个元素的图像如何使用AngularJS中的当前元素获取父元素、下一个元素、上一个元素和兄弟元素？
浏览 0提问于2016-11-24得票数 0
可以单击列表中的每个元素，然后显示元素自己的页面(EP)。您将如何实现这一点？我可以将搜索条件传递给EP和列表中元素的索引，然后prev/next就意味着重新运行搜索查询，获取上一个/下一个索引并显示它(仍然传递条件和新索引)。
还是有更好的方法？
浏览 3提问于2010-01-25得票数 1
回答已采纳
1回答
有没有办法获得下一个/上一个视觉元素？
我想要的功能与获取下一个对象的jQuery的.next()函数非常相似。
浏览 0提问于2011-01-12得票数 1
回答已采纳
2回答
>2</li> <li class="item">4</li>当单击一个项目时，jQuery中有没有一种方法可以在DOM中标识上一个和下一个li，以便我可以在这些元素上使用jQuery函数？
浏览 0提问于2011-04-15得票数 0
回答已采纳
10回答
如何使用JavaScript获取超文本标记语言中的下一个元素？
假设我有三个<div>，我在JavaScript代码中引用了一个，我想知道哪个是下一个<div>，哪个是前一个。
浏览 1提问于2009-02-22得票数 129
回答已采纳
我们正在开发一个定制为在iPhone上使用的图形用户界面的web应用程序。应用程序上的页面有3个后续的选择下拉列表，其中从第一个下拉列表中选择一个选项将派生第二个下拉列表的选项，依此类推。后续的下拉选项由javascript根据上一个下拉列表上的onchange事件填充。问题是，在iPhone上，SELECT的选项与“上一个”和“下一个”链接一起出现，以移动到上一个和下一个控件。javascript由上一次选择的onchange事件触发，并填充下一次选
浏览 0提问于2010-10-07得票数 9
1回答
我有一个13兄弟形象的纸牌游戏与id="img1“通过id="img13”。(只是图像来源不同。
当用户单击一张卡时，我会让它像上面那样增长和转换。注意:当选择最左边的cad时，左边没有卡片，最右边的卡片也是如此:右边没有卡片。
浏览 2提问于2013-02-09得票数 2
回答已采纳
update(this);"></div>但在获取上一个元素同级时失败所以我需要根据下一个div的price from来更新div。我要修好射程。我遇到的问题是如何使用to类获取前面的第一
浏览 5提问于2021-07-08得票数 0
2回答
是否可以禁止从contenteditable中删除元素。我有以下标记，当用户按backspace或delete键时，如果光标在图像元素旁边，我希望图像不被删除，并使用纯JavaScript HTML CSS而不是jQuery将光标移动到上一个/下一个字符。
浏览 0提问于2020-02-03得票数 0
javascript中有window.history对象。可以使用window.history.lenght获取历史记录的长度，或者使用history.go(N)重定向到历史记录中的上一个/下一个url
有什么技巧可以获取历史对象的URL吗？
浏览 5提问于2009-08-05得票数 1
我尝试查找当前元素的next或prev元素。但是next()和prev()函数只能在一个作用域内工作，不能到达外部。</ul> <li>7</li> </ul> <li>9</li>如果当前元素为空，则下一个</e
浏览 0提问于2010-12-24得票数 18
回答已采纳
2回答
我有一个层次结构，链接嵌套在列表元素中，如下所示： <li><a href="#">Page 1</a> <li><a href="#但我想用jQuery建立下一个和上一个链接，它会找到你所在的活动页面(可能是通过检查一个类)，并找到上一个和下一个锚元素(不考虑层次结构)。我尝试过使用n
浏览 3提问于2011-01-04得票数 5
回答已采纳
根据定义，链表是一个列表，它的每个元素都指向下一个元素(如果我们谈论的是双向链表，也可以是前一个元素) 。
然而，在Java语言中，LinkedList实现了List、Queue、Deque等等。在LinkedList中找不到提供列表中下一个或上一个对象的方法，最好的方法是获取迭代器和对象。我的问题是，为什么Java将这种数据结构称为LinkedList，而它并不是真正的链表？
浏览 1提问于2013-02-12得票数 10
回答已采纳
我在想，是否有一种方法可以使用javascript从文本区域中选取任何一个句子，只需单击该句子中的任何位置即可。我在想--首先，获取当前光标的位置(我知道怎么做)--其次，以某种方式定位上一个句号和下一个句号的位置(如何？)--获取两个句号中的任何内容。(如何？)
或者有一个简单的方法可以做到这一点？
浏览 0提问于2010-03-12得票数 1
回答已采纳
bs4.BeautifulSoup(resp, 'html.parser')div使用上面的代码，它列出了您可以在图像中看到的所有标记/元素。
浏览 3提问于2017-02-25得票数 0
嘿，伙计们，我在我的表单中使用JQuery UI日期选择器，我的脚本如下 $(function() { });但是这只显示了作为上一个/下一个按
浏览 1提问于2010-09-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
