1

我正在尝试将 jQuery 中的一些函数添加到 jqLit​​e 中，这样我就不必使用我的 Angular 应用程序加载整个 jQuery 库。我在本文中使用了 Ben Nadel 使用的技术。

http://www.bennadel.com/blog/2753-creating-jqlite-plugins-in-angularjs.htm

我在实现一个像这样的closestChild插件时遇到了困难。

https://github.com/lolmaus/jquery.closestchild/blob/master/jquery.closestchild.js

显然我已经重写了一点，所以它看起来像这样。

JQLite.prototype.closestChild = function(selector) {

            var $children, $results;

            $children = this.children();

            if ($children.length === 0){
                return $();
            }

            $results = $children.filter(selector);

            if ($results.length > 0){
                return $results;
            }
            else{
                return $children.closestChild(selector);
            }

        };

...但它会导致这个错误。

Error: [jqLite:nosel] http://errors.angularjs.org/1.4.0-rc.0/jqLite/nosel

所以，我对错误进行了搜索，发现 jqLit​​e 由于某种原因无法与选择器匹配，只能匹配标签名称（这有用吗？）。我无法理解的是，它与该文章中 Ben 的 .filter() 函数一起运行，当你给它一个选择器时，它似乎工作正常。这与我在这一行中调用的函数完全相同。

$results = $children.filter(selector);

所以，我想我的问题是，有没有一种方法可以遍历 $children 并查看它们中的任何一个是否与使用纯 javascript 或其他解决方法传入的选择器匹配？

4

1 回答 1

1

我不确定你对“选择器”有什么期望，但选择器（从 Ben Nadel 的代码中得出的）要么是回调，要么是 DOM 节点。

所以它会是

angular.element(document.body)
.find('div')
.closestChild(function(el) {
    var element = angular.element(el);
    console.log(element);
    return !!element.text();
});

jqLit​​e 对选择器的支持与手册状态完全相同：它只支持getElementsByTagName并且只支持find.

对于“更重”的 jqLit​​e 实现，您可以检查这个和那个项目（它们很新，我还没有在工作中尝试过它们，所以请随时分享您的印象）。

于 2015-04-23T19:44:11.840 回答