Jquery 使用带有多个选项卡的href导航到正确的div？

我在一个页面中有多个选项卡，每个选项卡都有在运行时创建的不同Id，因此

<div class="span5" id="@model.Id">

        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" onclick="$('#@model.Id #review').focus();">Review</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv1">Web</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv2">Photos</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv3">Location</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv4">Map</a></li>
        </ul>
<div class="tabbable">
            <div class="tab-content">

                <div class="tab-pane active" id="awesomediv1">
                   .....
                </div>
...

.....
...

当前，当我更改任何选项卡中的选项卡时，只有第一个选项卡会更改。我希望锚定标记导航到外部div的相应div。 e、 g.在jquery中，类似于

$（'1 awesomediv1'）

的内容为我提供了想要导航到的正确div。但这似乎不适用于href

---

该模型来自asp.net mvc。

我使用以下方法解决了它

function activateCorrectDiv(parent, e) {
        $('.tab-pane').removeClass('active');
        $('#' + parent+ ' #' + e).addClass('active');
    };

<a  data-toggle="tab" onclick="activateCorrectDiv(($(this).closest('div').attr('id')),'awesomediv1')">

函数activateCorrectDiv（父级，e）{
$（'.tab窗格'）.removeClass（'active'）；
$（'#'+parent+'#'+e）.addClass（'active'）；
};

这个想法是为了确定哪个部门需要活跃。然后使其处于活动状态，在此之前，请确保其他所有内容均未处于活动状态。 活动是一个css类btw。 选择器是$（#parentid#childid），请注意它们之间的空格

---

这可能只是一个黑客，但它的工作

那么

tabindex

属性如何。div是否与tabindex兼容？你能给我举个你想说什么的例子吗？全部

$（'#@model.Id#review'）正在创建jquery对象。没别的了。@Jack哎呀！！修正了，但这对我来说是无法修正的。。