在Jquery中获取Div类名的Id

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>

我想获取类名为".tab-pane active"的Div Id（表示我想获取活动的Div Id），我该怎么做？

- Shivkumar

Answer 1

你可以使用 dot 在选择器中连接 类。 更改

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

至

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

- Adil

Answer 2

应该像这样，

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

您在此处使用了后代选择器，但在您的DOM中，两个类都在同一个元素中。因此，您必须按两个类名进行选择。

- Chamika Sandamal

Answer 3

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

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

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

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

- itsstephyoutrick

Answer 4

你可以试试这个。

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

希望这可以帮助到你。

- Roger

Answer 5

试试这个：

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

- ravisolanki07

Answer 6

请尝试以下代码

$("#addspan").click(function(){console.log($(this)[0].id);});

- Ambrose Jesuraj

---

尽管您的答案可能是正确的，但请尝试为您的答案添加更多解释。 - Ali