如何获取li列表中活动选项卡的href值？

Question

如何获取profileTab_51069的href值

<ul id="TabView" class="nav nav-tabs">
  <li id="myhomeTab" class=""><a href="#home" class="" data-toggle="tab">&nbsp;&nbsp;My Home&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  <li id="2" class=""><a href="#profileTab_51073" data-toggle="tab">PSC:51073 </a></li>
  <li id="3" class="active"><a href="#profileTab_51069" data-toggle="tab">PSC:51069</a></li>
</ul>

Answer 1

您可以使用ul元素的id以及类选择器active来查找具有class active的子孙li元素：

$('#TabView li.active').text()

Answer 2

您可以尝试使用$("#TabView li.active a").html()它需要li类active并获取link

的值

＆＃13;

＆＃13;

console.log($("#TabView li.active a").html())


// Example code
$("#TabView li").click(function() {
  if (!$(this).hasClass("active")) {
    $("#TabView li.active").removeClass("active")
    $(this).addClass("active")
    console.log($(this).find("a").html())
  }
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="TabView" class="nav nav-tabs">
  <li id="myhomeTab" class=""><a href="#home" class="" data-toggle="tab">&nbsp;&nbsp;My Home&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  <li id="2" class=""><a href="#profileTab_51073" data-toggle="tab">PSC:51073 </a></li>
  <li id="3" class="active"><a href="#profileTab_51069" data-toggle="tab">PSC:51069</a></li>
</ul>

＆＃13;

＆＃13;

＆＃13;