jquery - 检查元素是否在 jQuery 中的另一个元素之前或之后

Question

假设我有这个标记

<h3 id="first">First</h3>
<p>Hi</p>
<p>Hello</p>
<h3 id="second">Second</h3>
<p>Bye</p>
<p>Goodbye</p>

如何以编程方式检查某个元素(例如其中一个 p)是否位于第一个 h3 之后和第二个 h3 之前，使用 jQuery？

我正在尝试做这样的事情:

$(p).each(function(){
   if($(this).isAfter("#first") && $(this).isBefore("#second")) {
     // do stuff
   }
});

Answer 1

如果 sel 是一个真正的选择器，Rocket 的解决方案可以正常工作，但如果您传递 jquery 对象，它就不起作用。

如果您想要一个同时适用于选择器和 jquery 对象的插件，只需使用我稍加修改的版本即可:

(function($) {
    $.fn.isAfter = function(sel){
        return this.prevAll().filter(sel).length !== 0;
    };

    $.fn.isBefore= function(sel){
        return this.nextAll().filter(sel).length !== 0;
    };
})(jQuery);

感谢 Rocket 的原始解决方案。