选择第一个可见的标签索引

Question

我有一个个性化的选项卡指令，将活动选项卡设置为第一个元素：

    jQuery($element).data(`kendoTabStrip`).select(0);

但是现在指令接收一个隐藏属性，当不存在时设置 ng-show=false

  Reflect.defineProperty($scope.tabs.tabs[name], `liElement`, {
            enumerable: false,
            writable: false,
            value: angular.element(`<li ng-show="false">{{tabs.tabs[\'' + name + '\'].title}}</li>`),
  });

使第一个可见元素可能与第一个选择的元素不同，我尝试了

const index = $( "li" ).index($("li:visible:first"));
jQuery($element).data(`kendoTabStrip`).select(index);

但是索引总是返回0，如何根据ng-hide属性获取索引？

Answer 1

试试这个：

const index = $( "li" ).index($("li[ng-show='true']:first"));

ng-show 或 ng-hide 不会改变“可见性”属性。它基于“显示”属性隐藏元素