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>

使用 $("当前") 作为选择器(节点-2)时, Zepto 如何获得所有节点 3-5?

Answer 1

在Zepto.js有类似下个All()的东西吗?

根据">文档 ,在ext 和 之前,在ext 后有显著差距。



这将意味着你需要一个循环,例如:

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

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

使用 add 与 jQuery 有效。 Zepto s docs 声称 APIs 提供的匹配jQuery 对应方 (他们的粗脸), 但 add docs 只谈论使用选择器, 所以您可能不得不玩这个游戏。

Answer 2

这应该行得通。几乎就像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);

友情链接