而不是在Angularjs $ .closest

Question

我想在指令中实现这个代码，但在jQLite中这不起作用这应该怎么做？

var thisCell = element.closest('.sampleclass'); 

Answer 1

您必须手动实现这个功能，例如：

var thisCell = (function closest(e, className) { 
    if (e[0].nodeName == "HTML") { 
    return null; 
    } else if (e.hasClass(className)) { 
    return e; 
    } else { 
    return closest(e.parent(), className); 
    } 
})(element, "sampleclass"); 

Answer 2

的documentation指出：

对于由标签名称查找，会转而 angular.element（文件）.find（...）或$ document.find（），或使用 标准DOM API，例如document.querySelectorAll（）。

Answer 3

还有的.closest在火狐和Chrome的实验版本，记住，你可以写的东西显示在MDN - Element.closest()

有了这个像这样

var elm = document.querySelector('.myClass').closest(); 

或angular.element

var elm = angular.element(document.querySelector('.myClass').closest()); 

当然总是有例外（又名IE），并为它们你可以使用它在MDN - Element.closest()

if (window.Element && !Element.prototype.closest) { 
    Element.prototype.closest = 
    function(s) { 
     var matches = (this.document || this.ownerDocument).querySelectorAll(s), 
      i, 
      el = this; 
     do { 
      i = matches.length; 
      while (--i >= 0 && matches.item(i) !== el) {}; 
     } while ((i < 0) && (el = el.parentElement)); 
     return el; 
    }; 
} 

也显示了填充工具我用这个成功获得最接近的形式通过执行此代码行（它在Polyfill中工作IE：

var form document.querySelector('[name="elmName"]').closest("form");