我需要使用jQuery

-2

活动标签的id的值我这里有一个代码：我需要使用jQuery

<ul class="nav nav-pills nav-justified" id="pills-COD"> 
    <li class="active"><a data-toggle="tab" href="#a">Class A</a></li> 
    <li><a data-toggle="tab" href="#b">Class B</a></li> 
    <li ><a data-toggle="tab" href="#c">Class C</a></li> 
    <li><a data-toggle="tab" href="#d">Class D</a></li> 
</ul> 

<div class="tab-content"> 
    <div id="a" class="tab-pane fade in active"> 
    <h3>HOME</h3> 
    <p>Some content.</p> 
    </div> 
    <div id="b" class="tab-pane fade"> 
    <h3>Menu 1</h3> 
    <p>Some content in menu 1.</p> 
    </div> 

    <div id="c" class="tab-pane fade"> 
    <h3>Menu 2</h3> 
    <p>Some content in menu 2.</p> 
    </div> 
</div>

我需要激活的标签的id每当使用jQuery点击避孕药。例如，每当点击li,"Class A"时，我需要获得值"a"。

我发现在这里做的其他研究堆栈溢出，但.tabs（）不适合我在jQuery中工作。其他解决方案也显示href值，但我需要活动选项卡的标签ID。

来源

2017-09-03 E. Fojas

到底是什么问题？ – Maritim

欢迎来到StackOverflow！请注意，您希望在发布***之前，已经研究过您的问题并尝试自行编写代码，并且包括您迄今为止尝试过的内容的摘要。请阅读[预计堆栈溢出用户需要多少研究工作]（https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users） – FluffyKitten

非常感谢你。我是堆栈溢出的新手，这就是为什么我不知道我必须发布我所做的尝试。我已经尝试过在这里找到的其他解决方案，但不起作用，因为.tabs（）在jquery中不适合我。 –

在锚的点击，你需要得到href属性没有#这样的：

$("ul.nav-pills > li > a").click(function() { 
    alert($(this).attr("href").replace("#", "")) 
});

attr("href")得到从点击锚href值。和replace，用空字符串替换#。

来源

2017-09-03 04:51:22 adiga

非常感谢。这正是我需要的。 –

@ E.Fojas不客气。 – adiga

如果你想找到它看列表，你可以这样做：

var $activeLi = $('#pills-COD li.active'); 
var activeId = $activeLi.children('a').attr('href').substr(1);

或者，看标签：

var $activeTab = $('.tab-content .tab-pane.active'); 
var activeId = $activeTab.attr('id');

来源

2017-09-03 05:10:24 Rodrigo

我需要使用jQuery

回答

相关问题