{site_name}

{site_name}

🌜 搜索

jQuery对象函数.siblings()用于选择目标元素的所有兄弟元素(与目标

前端 𝄐 0
jquerysiblings
jQuery对象函数.siblings()用于选择目标元素的所有兄弟元素(与目标元素具有相同的父元素),并将它们作为一个新的jQuery对象返回。

语法:

$(selector).siblings(filter)


参数说明:
- selector:可选,用于指定筛选条件的选择器。
- filter:可选,用于进一步过滤兄弟元素的选择器。

示例:
假设以下HTML结构:
html
<ul>
<li class="item">1</li>
<li class="item">2</li>
<li class="active item">3</li>
<li class="item">4</li>
<li class="item">5</li>
</ul>


则以下jQuery代码将选择具有class属性为item的所有兄弟元素并对其应用样式:
javascript
$('.active').siblings('.item').css('color', 'red');

此代码将选择与.active元素具有相同父元素的所有.item元素,然后将其文本颜色设置为红色。