2017-04-03 90 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>