jquery获取同级元素

获取同级元素的方法

在jQuery中，获取同级元素可以通过以下几种方式实现：

使用siblings()方法
siblings()方法返回被选元素的所有同级元素，可以配合选择器进一步筛选：

$('#target').siblings(); // 获取所有同级元素
$('#target').siblings('.class-name'); // 获取指定类名的同级元素

使用next()和prev()方法
获取相邻的同级元素：

$('#target').next(); // 获取下一个同级元素
$('#target').prev(); // 获取上一个同级元素
$('#target').nextAll(); // 获取之后所有同级元素
$('#target').prevAll(); // 获取之前所有同级元素

结合DOM遍历
通过父元素间接获取同级元素：

$('#target').parent().children(); // 获取所有子元素（包括自己）
$('#target').parent().children().not('#target'); // 排除自己后的同级元素

示例代码

筛选特定类型的同级元素

// 获取所有同级<li>元素
$('#list-item').siblings('li');

操作相邻元素

// 修改下一个同级元素的样式
$('#button').next().css('color', 'red');

排除自身后操作

// 为所有同级元素（除自己外）添加类
$('#item').siblings().addClass('highlight');