如何使用Javascript切换运行时生成的div的ID

我正在向MVC中的视图发送模型

对于我模型中的每个“人”，我想创建一个显示“显示详细信息”的按钮，当用户单击它时，一个包含该人更多信息的div将切换

我正在生成分配给每个人的

a href

和

div

id，如下所示：

   foreach (var person in Model.Persons)
        {
        <div>
            <a href="#" id="@Html.Raw("showDetails-" + @person.id)">Show Details</a>
        </div> 
        <div id="@Html.Raw("detailsDiv-" + @person.id)">
        <!--Content Here -->
        </div>

        }

foreach（Model.Persons中的变量person）
{
}

我想创建切换点击事件的javascript

所以我想写这个脚本，但是每个人都有唯一的id：

我想获取需要切换的div的id。

我尝试在foreach循环中编写脚本，以便能够读取@person.id值，但没有成功：

<script>
    $(document).ready(function () {
        $("#showDetails-@person.id").click(function () {
            $("#details-@person.id").toggle();
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#showDetails-@person.id”）。单击（函数（）{
$（“#详细信息-@person.id”）.toggle（）；
});
});

---

有人能帮忙吗？

您可以将id放在“person\u id”这样的标记中，并使用类来触发jquery事件

<div class="middle_right">
        <a class="showDetails" href="#" person_id="@Html.Raw("showDetails-" + @person.id)">Show Details</a>
</div> 

---

您可以将id放在类似“person\u id”的标记中，并使用类来触发jquery事件

<div class="middle_right">
        <a class="showDetails" href="#" person_id="@Html.Raw("showDetails-" + @person.id)">Show Details</a>
</div> 

---

在链接中添加一个类，如

class=“showDetails”

现在，您可以为所有链接创建全局事件：

$('.showDetails').click(function(e) {
   var id = this.id // extract id.. split with '-' or whatever..
   $('#details-' + id).toggle();
});

---

在链接中添加一个类，如

class=“showDetails”

现在，您可以为所有链接创建全局事件：

$('.showDetails').click(function(e) {
   var id = this.id // extract id.. split with '-' or whatever..
   $('#details-' + id).toggle();
});

---

你为什么凭身份证做这件事？添加一个类（或具有公共标识符）并将相同的处理程序添加到all，然后在其中使用

this

引用当前的类。@vlaz id是和id之间的共同点。当我使用id=1单击时，我需要使用id=1进行切换。为什么要使用id进行切换？添加一个类（或具有公共标识符）并将相同的处理程序添加到all，然后在其中使用

this

引用当前的类。@vlaz id是和id之间的共同点。当我使用id=1单击时，我还需要使用id=1进行切换。单击（）->

。单击（）

也

。单击（）

->

。单击（）