从整个页面的特定元素中查找 nextAll

Question

如果有人能帮我解决这个问题就太好了。

我有一个元素列表，它们被分隔在不同的容器中，例如：

<div id="posts">
  <div class="container1">
    <div class="post"></div>
    <div class="post"></div>
  </div>
  <div class="container2">
    <div class="post"></div>
    <div class="post"></div>
  </div>
</div>

现在我将最后一个元素的位置保存在一个变量中

var lastPost = $("#posts").find(".post").last();

现在我将更多帖子加载到 dom。

...
<div class="container3">
  <div class="post"></div>
  <div class="post"></div>
</div>
...

我想从原来的最后位置 (lastPost) 检索 nextAll() 个帖子。因为 div 不是彼此的兄弟姐妹，所以我无法使用 nextAll().

访问它们

如果我在添加帖子后能在 $("#posts").find(".post") 中找到 lastPost 的位置就太棒了

Answer 1

您将需要遍历到父元素，然后使用 nextAll 定位同级父容器。

var nextall= lastPost.parent().nextAll().find('.post')

Answer 2

您可以获取所有帖子，获取lastPost喜欢

引用的项目索引后的项目

var $all = $('#posts .post');
var $nextAll = $all.slice($all.index(lastPost) + 1);

Answer 3

您可以找到最近的容器，然后 select 找到所有容器并在其中找到 .post

var all = lastPost.closest('[id^="container"]').nextAll().find('.post');

从整个页面的特定元素中查找 nextAll

Finding nextAll from a specific element on whole page

jquery

find

reload