Getting Id from Div Class Name in Jquery

Question

this is my Html code

<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>

this my javascript

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

          });
    });
</script>

I want to get Div Id whoes class name ".tab-pane active"(means i want to get active Div Id) how i can do this?

Answer 1

You can use dot to join classes in selector

Change

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

To

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