时间戳

首页 > 解决方案 > jQuery中nextAll()和siblings()的区别

javascript - jQuery中nextAll()和siblings()的区别

问题描述

jQuery 中的 nextAll() 获取匹配元素集中每个元素的所有兄弟姐妹，可选地由选择器过滤，而兄弟姐妹 () 获取匹配元素集中每个元素的兄弟姐妹，可选地由选择器过滤。我想知道这两者的区别

标签： javascriptjqueryjquery-traversing

解决方案

只是某个特定性能状态的演示。

// Siblings - Gets everyone living in the same container at same level
console.log('Siblings');
$('#mid').siblings().each(function() {
  console.log($(this).text());
});

console.log('nextAll');
$('#mid').nextAll().each(function() {
  console.log($(this).text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p id='mid'>4</p>
  <p>5</p>
  <p>6</p>
  <p>7</p>
  <p>8</p>
  <p>9</p>
</div>

推荐阅读