Vanilla JS:仅显示同一父组中的下一个元素

// 获取当前元素
var currentElement = document.getElementById("currentElement");

// 获取父元素
var parentElement = currentElement.parentNode;

// 获取父元素下的所有子元素
var childElements = parentElement.children;

// 遍历子元素列表，找到当前元素的索引位置
var currentIndex = Array.prototype.indexOf.call(childElements, currentElement);

// 判断当前元素是否为最后一个子元素
if (currentIndex === childElements.length - 1) {
  // 如果是最后一个子元素，则将第一个子元素设置为显示状态
  childElements[0].style.display = "block";
} else {
  // 如果不是最后一个子元素，则将下一个兄弟元素设置为显示状态
  childElements[currentIndex + 1].style.display = "block";
}

// 隐藏当前元素
currentElement.style.display = "none";