如何访问<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;