Question

这是我的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，他们的班级名称是“.tab-pane active”（意味着我想获得活跃的Div Id）我该怎么做？

Answer 1

您可以使用dot加入选择器

中的classes

更改

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

到的

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

Answer 2

应该是这样的，

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

您在这里使用Descendant Selector。但在你的dom中，两个类都在同一个元素中。所以你必须同时选择classes。

Answer 3

您可以使用jQuery的.attr()：

从元素中获取任何HTML属性

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

同样，您也可以使用.prop()获取JS Object Property值：

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

Answer 4

你可以试试这个

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

希望这有帮助

Answer 5

试试这个：

 $('#addspan').click(function () {
           alert($('.tab-pane .active').attr('id'));
 });

Answer 6

尝试以下代码

{{1}}

从Jquery中的Div类名获取Id

6 个答案: