Question

jQuery中的

nextAll（）获取匹配元素集合中每个元素的所有同级，可选地由选择器过滤，而siblings（）获取匹配元素集合中每个元素的同胞，可选地由选择器过滤。我想知道这两者之间的区别

Answer 1

仅仅是演示某些Performance。

// 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>

jQuery中nextAll（）和siblings（）之间的区别

1 个答案: