javascript - Zepto.js 中有类似 nextAll() 的东西吗？

Question

我有一个节点列表：

<div id="node-1"></div>
<div id="node-2" class="current"></div>
<div id="node-3"></div>
<div id="node-4"></div>
<div id="node-5"></div>

$(".current")作为选择器（node-2）使用时，如何使用 Zepto 获取所有节点 3-5 ？

Answer 1

这应该有效。几乎像http://api.jquery.com/nextAll/和http://api.jquery.com/prevAll/

;(function($){
var e = {
    nextAll: function(s) {
        var $els = $(), $el = this.next()
        while( $el.length ) {
            if(typeof s === 'undefined' || $el.is(s)) $els = $els.add($el)
            $el = $el.next()
        }
        return $els
    },
    prevAll: function(s) {
        var $els = $(), $el = this.prev()
        while( $el.length ) {
            if(typeof s === 'undefined' || $el.is(s)) $els = $els.add($el)
            $el = $el.prev()
        }
        return $els
    }
}

$.extend( $.fn, e )
})(Zepto);

Answer 2

Zepto.js 中有类似 nextAll() 的东西吗？

不是根据文档next，前后有明显差距not。

这表明您需要一个循环，例如：

var $current = $(".current"),
    $walk,
    $following = $(),
    $next;

for ($walk = $current.next(); $walk[0]; $walk = $walk.next()) {
    $following.add($walk);
}

的使用add将适用于 jQuery。Zepto 的文档声称“提供的 API 与它们的 jQuery 对应物相匹配”（它们的粗体字），但add文档只讨论了使用选择器，因此您可能需要稍微尝试一下。