1. .siblings() 方法: 用于获取匹配元素集合中每个元素的所有同胞元素。
$('#targetElement').siblings(); // 获取 #targetElement 的所有同胞元素
你还可以选择性地提供一个选择器,以便筛选同胞元素:
$('#targetElement').siblings('.highlight'); // 获取 #targetElement 的所有同胞元素中类名为 .highlight 的元素
这里是一个完整的例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery 同胞元素</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<div id="parentElement">
<p class="highlight">这是一个段落</p>
<div id="targetElement">这是一个 div 元素</div>
<span class="highlight">这是一个 span 元素</span>
</div>
<script>
// 获取 #targetElement 的所有同胞元素
var siblings = $('#targetElement').siblings();
console.log(siblings);
// 获取 #targetElement 的所有同胞元素中类名为 .highlight 的元素
var highlightedSiblings = $('#targetElement').siblings('.highlight');
console.log(highlightedSiblings);
</script>
</body>
</html>
在这个例子中,首先使用 .siblings() 方法获取 #targetElement 的所有同胞元素,然后使用 .siblings('.highlight') 方法获取 #targetElement 的所有同胞元素中类名为 .highlight 的元素。
转载请注明出处:http://www.zyzy.cn/article/detail/12889/jQuery