如何获取指定元素的所有兄弟元素 - JavaScript 代码示例
要选取id为two的div元素的所有兄弟元素(前后),可以使用以下代码:\n\njavascript\nvar twoDiv = document.getElementById("two");\nvar siblings = Array.from(twoDiv.parentElement.children);\nvar siblingsBefore = siblings.slice(0, siblings.indexOf(twoDiv));\nvar siblingsAfter = siblings.slice(siblings.indexOf(twoDiv) + 1);\n\n\n在这段代码中,首先通过document.getElementById("two")获取id为two的div元素,然后通过twoDiv.parentElement.children获取其父元素下的所有子元素,再通过Array.from()将其转换为数组。\n\n接下来,使用siblings.indexOf(twoDiv)来获取id为two的div元素在数组中的索引位置。然后,使用slice()方法将该索引位置之前的元素切割出来,存储在siblingsBefore数组中,将该索引位置之后的元素切割出来,存储在siblingsAfter数组中。\n\n最后,siblingsBefore数组中存储的就是id为two的div元素之前的所有兄弟元素,而siblingsAfter数组中存储的就是id为two的div元素之后的所有兄弟元素。
原文地址: https://www.cveoy.top/t/topic/pKYU 著作权归作者所有。请勿转载和采集!