7

这是我的 HTML 代码

<div class="span12" id="test" style="width: 810px;">
        <ul class="nav nav-tabs">
            <li class="active"><a href="/#tab1" data-toggle="tab">New Stream</a></li>
            <li><a id="addspan" href="/#C" data-toggle="tab">+</a></li>
        </ul>
        <div class="tabbable">
            <div class="tab-content" id="tabContent">
                <div class="tab-pane active" id="tab1">
                    @Html.Partial("_NewStreamPartial",Model)
                </div>

            </div>
        </div>
    </div>

这是我的 javascript

<script type="text/javascript">
    $(function () {
        var count = 2;
        $('#addspan').click(function () {
            var Id = $('.tab-pane active').attr('id');

          });
    });
</script>

我想获得 Div Id whoes 类名称“.tab-pane active”（意味着我想获得活跃的 Div Id）我该怎么做？

4

6 回答 6

14

您可以使用dot加入classes选择器

改变

 var Id = $('.tab-pane active').attr('id');

至

 var Id = $('.tab-pane.active').attr('id');
于 2013-04-03T06:28:55.317 回答
2

应该是这样的

var Id = $('.tab-pane.active').attr('id');

您在这里使用后代选择器。但在你的 dom 中，两个类都在同一个元素中。所以你必须选择两个类。

于 2013-04-03T06:31:57.400 回答
0

尝试这个 ： 

 $('#addspan').click(function () {
           alert($('.tab-pane .active').attr('id'));
 });
于 2013-04-03T13:55:24.973 回答
0

你可以试试这个

$('.tab-pane active').click(function () {
   var Id = $(this).attr('id');
});

希望这可以帮助

于 2013-04-03T06:31:33.747 回答
0

您可以使用 jQuery 从元素中获取任何 HTML 属性.attr()：

$('.tab-pane.active').attr('id');

同样，您也可以使用以下方法获取 JS 对象属性值.prop()：

$('.tab-pane.active').prop('id');
于 2013-04-03T06:29:02.097 回答
0

试试下面的代码

$("#addspan").click(function(){console.log($(this)[0].id);});
于 2018-11-30T06:51:48.963 回答