jQuery获取选项卡的属性

时间:2014-07-14 04:06:47

标签: javascript jquery twitter-bootstrap

我在我的应用程序中使用引导选项卡并更改下拉列表,我想找出当前处于活动状态的选项卡,从中获取活动选项卡中的属性。

到目前为止,我有这个:$("ul#depts li.active").text();,它会显示活动标签的文本。

但是,当我尝试像("ul#depts li.active").attr('departmentid')这样的东西时,不会返回任何内容。

<ul id="depts" role="tablist" class="nav nav-tabs">
                  <li class=""><a data-toggle="tab" role="tab" href="#Disputes" departmentid="2" name="switchDepartment" class="switch">Disputes</a></li>
                  <li class="active"><a data-toggle="tab" role="tab" href="#ICA" departmentid="5" name="switchDepartment" class="switch">ICA</a></li>
               </ul>

我错过了什么?

2 个答案:

答案 0 :(得分:3)

根据您发布的HTML,您已将锚标记中的属性设置为不在li中,因此请更改为:

("ul#depts li.active > a").attr('departmentid');

答案 1 :(得分:1)

两个基本更正:

  1. 您遗失$次登录:("ul#depts li.active").attr('departmentid')

  2. Deptid是<a>li元素的属性,因此它将

  3. $("ul#depts li.active a").attr('departmentid')

    DEMO