使用jQuery基于属性查找ahref值

Question

当列表中有ahref所属的活动属性时，我试图查找aherf值

<ul class="nav nav-tabs " id="segmentTabs" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" id="segment-tab" data-toggle="tab" href="#segment" role="tab" aria-controls="#engagement" aria-selected="false" data-value="segments"></a>
  </li>
</ul>

这是我尝试使用jQuery的方法。我在undefined中得到了value。

var $segmentTabs = $('#segmentTabs');

function exportClientCharts() {
  var $controlButtons = $segmentTabs.find('.active');
  var value = $controlButtons.data('value');
  if (value === Enums.dashboardTabs.SEGMENTS) {
    SegmentCountsChart.exportClientCharts();
  }
}

Answer 1

$controlButtons.find('a').attr('href');

Answer 2

data-value在a内的li.active上，因此您需要在find()中更改选择器：

var $segmentTabs = $('#segmentTabs');

function exportClientCharts() {
  var $controlButtons = $segmentTabs.find('.active a'); // note the addition of 'a' here
  var value = $controlButtons.data('value');

  if (value === Enums.dashboardTabs.SEGMENTS) {
    SegmentCountsChart.exportClientCharts();
  }
}