使用AngularJS Jqlite，如何找到某个元素类型的元素的第一个子元素？

Question

在我的AngularJS指令中，我想将焦点应用于<pre>类型的最后一个子类型<div>的第一个子节点。

如果我的文档看起来像这样：

<div main-div>
     <div>
     </div>
     <div>
          <div>
               <pre></pre>
          </div>
     </div>
     <div>
          <div>
               <pre the-one></pre>
          </div>
     </div>

它应该选择的<pre>是最后一个，属性为the-one。

有没有办法做到这一点？

Answer 1

如果您将上面的结构作为jqLit​​e元素（但是你得到了它），你可以执行以下操作：

var divs = element.children().find("div");
var theOne;
if (divs.length > 0){
  theOne = angular.element(divs[divs.length-1]).find("pre");
}