«

jquery获取同辈元素集合,jquery siblings 用法总结

时间:2024-1-28 13:32     作者:韩俊     分类: Html+Css


jquery siblings 用于获得匹配集合中每个元素的同胞。

语法

.siblings(selector)

注:可以通过后面的可选参数选择器(selector)进行进一步筛选。

示例:

找到每个div的所有同辈元素。

<p>Hello</p>
<div>
    <span>www.maopiaopiao.com</span>
</div>
<p>How are you!</p>
$("div").siblings().html();

结果将输出:

<p>Hello</p>
<p>How are you!</p>

示例:

找到每个div的所有同辈元素中带有类名为selected的元素。

<div>
<span>Hello</span>
</div>
<p class="selected">www.maopiaopiao.com</p>
<p>How are you!</p>
$("div").siblings(".selected").html();

结果将输出:

<p class="selected">www.maopiaopiao.com</p>

标签: javascript html css

热门推荐