2017-04-03 107 views
-2

如何獲得profileTab_51069的href的值如何獲取li列表中活動標籤的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>

+0

也ID開頭數字是不是很好用字母。你可以有'$(「#li3」)。find(「a」)。attr(「href」)' – guradio

回答

0

您可以使用一個UI元素的ID與類選擇主動一起找上課後代子li元素活躍:

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

您可以嘗試使用$("#TabView li.active a").html()需要具有類activeli並獲取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>