Question

使用jquery，我想从一个段落移动到下一个段落，无论下一个段落在dom树中的哪个位置。

假设我有一个像这样的dom树：

<div>
   <p id="para1">Lorum ipsum</p>
       <div>
           <p id="para2">Lorum ipsum</p>
       </div>
   <p id="para3">
</div>

我的javascript看起来像，但是next（）不起作用，因为它正在寻找下一个兄弟。

var $selectedParagraph = $("p#para2");
var $followingParagraph = $selectedParagraph.next();

除了.next()之外，我还能做些什么才能获得p#para3

Answer 1

我发布了一个使用最接近的解决方案，但是@charlietfl注意到它没有用，所以我发布了一个新的解决方案。

由于段落之间有元素，因此无法使用下一个。

我做了什么来获取所有段落元素，并在索引大于当前元素的下一个元素中找到，这里是代码：

var $selectedParagraph = $("p#para2"); 
var allP = $("p");
var currentIndex = allP.index($selectedParagraph);
var $next = allP.filter(function (index) { return index == currentIndex + 1; });

以下是我用来测试的小提琴：

https://jsfiddle.net/dn01xLn7/

是否有一个等同于xpath的jquery＆＃34;跟随＆＃34;

1 个答案: