JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
在jQuery中,你可以使用.prev()
方法来获取当前元素的上一个兄弟元素,使用.next()
方法来获取当前元素的下一个兄弟元素。如果你想获取匹配特定选择器的上一个或下一个兄弟元素,可以将选择器作为参数传递给.prev()
和.next()
方法。
以下是一些示例代码:
// 获取当前元素的上一个兄弟元素
var prevElement = $('#currentElement').prev();
// 获取当前元素的下一个兄弟元素
var nextElement = $('#currentElement').next();
// 获取当前元素的上一个匹配选择器的兄弟元素
var prevMatchedElement = $('#currentElement').prev('.selector');
// 获取当前元素的下一个匹配选择器的兄弟元素
var nextMatchedElement = $('#currentElement').next('.selector');
在原生JavaScript中,你可以使用previousElementSibling
属性来获取上一个兄弟元素,使用nextElementSibling
属性来获取下一个兄弟元素。
// 获取当前元素的上一个兄弟元素
var currentElement = document.getElementById('currentElement');
var prevElement = currentElement.previousElementSibling;
// 获取当前元素的下一个兄弟元素
var nextElement = currentElement.nextElementSibling;
请注意,.prev()
和.next()
方法在jQuery中是方法,而previousElementSibling
和nextElementSibling
属性在原生JavaScript中是属性。
评论已关闭