Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js siblings

作者:放电的牛   发布日期:2025-10-25   浏览:47

// 获取所有兄弟元素的示例代码

function getSiblings(elem) {
    // 创建一个数组来存储兄弟元素
    let siblings = [];
    // 获取当前元素的父元素
    let parent = elem.parentNode;
    // 遍历父元素的所有子元素
    for (let i = 0; i < parent.children.length; i++) {
        let sibling = parent.children[i];
        // 如果子元素不是当前元素,则添加到兄弟元素数组中
        if (sibling !== elem) {
            siblings.push(sibling);
        }
    }
    return siblings;
}

// 示例用法
let element = document.getElementById('myElement');
let siblings = getSiblings(element);
console.log(siblings); // 输出兄弟元素的数组

解释说明:

  1. getSiblings 函数:该函数接收一个 DOM 元素作为参数,并返回该元素的所有兄弟元素(即同一个父元素下的其他子元素)。
  2. 获取父元素:通过 elem.parentNode 获取当前元素的父元素。
  3. 遍历父元素的子元素:使用 parent.children 获取父元素的所有子元素,并遍历这些子元素。
  4. 排除当前元素:在遍历过程中,如果子元素不是传入的 elem,则将其添加到 siblings 数组中。
  5. 返回兄弟元素数组:最终返回包含所有兄弟元素的数组。

这个代码片段可以帮助你在 JavaScript 中获取指定元素的所有兄弟元素。

上一篇:js sethours

下一篇:js onclick覆盖

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站