angularjs - 使用 AngularJS Jqlite，如何找到特定元素类型的元素的第一个子元素？

Question

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

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

<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");
}