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元素,然后将其文本颜色设置为红色。
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元素,然后将其文本颜色设置为红色。
本文地址:
/show-269986.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。