如何访问 <ul> 的子元素？

Question

在创建自定义指令时，我正在尝试获取 html 元素

'<div class="parent">', 
  '<ul class="item-list">', 
    '<li ng-repeat="item in ::items" class="item-element">{{item}}</li>', 
  '</ul>', 
'</div>', 
'<div class="selector"></div>'

link: function($scope, element, attrs) {
  var ta = element[0],
    $ta = element;
  var itemList = angular.element(ta.querySelector(".item-list"));
  console.log(itemList);
  var itemEl = itemList[0].children;
  console.log(itemEl);
}

itemEl 显示在控制台

 []
 0: li.item-element.ng-binding
 1: li.item-element.ng-binding
 2: li.item-element.ng-binding
 3: li.item-element.ng-binding
 length: 4
__proto__: Object

如何在 angularjs 中获取 <ul> 的内部 html 和长度？

Answer 1

我不知道更多关于 AJ 但你可以在 jquery 中做到这一点

$(".parent .item-list li").length;