如何获取li列表中活动选项卡的href值？ [关闭]答案

【问题标题】：How to get href value of active tab inside li list? [closed]如何获取li列表中活动选项卡的href值？ [关闭]
【发布时间】：2017-04-03 07:39:39
【问题描述】：

如何获取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>

【问题讨论】：

id 以数字开头也不好使用字母。你可以有$("#li3").find("a").attr("href")
这对我有用。 $('ul#TabView li.active a').attr('href');

标签： javascript jquery tabs html-lists

【解决方案1】：

您可以使用 ul 元素的 id 以及 class selector active 来查找具有 class active 的后代子 li 元素：

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

【讨论】：

【解决方案2】：

您可以尝试使用$("#TabView li.active a").html() 它采用具有active 类的li 并获取link 的值

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())
  }
})

<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>

【讨论】：