如何在运行时生成的div的Javascript切换ID - javascript

我正在将模型发送到MVC中的视图,

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

我正在生成分配给每个人ID的a hrefdiv 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>

        }

我想创建触发点击事件的JavaScript

所以我想编写这个脚本,但是每个人都有唯一的ID:

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

我尝试在foreach循环中编写脚本,以便能够读取@ person.id值,但是它没有用:

<script>
    $(document).ready(function () {
        $("#[email protected]").click(function () {
            $("#[email protected]").toggle();
        });
    });
</script>

有人可以帮忙吗?

参考方案

在您的链接(例如class="showDetails")上放置一个类。

现在,您可以为所有链接创建一个全局事件:

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

html onClick打开url存储在php变量中 - javascript

以下是我的代码,正在获取Uncaught SyntaxError: Unexpected token },但是我的代码中没有看到任何}。 window.open期望用引号引起来的url,我尝试了单引号和双引号的不同组合,但不起作用并且也无法在echo中转义双引号。请帮助谢谢..<?php $a = "https://www.google.co…

javascript popupwindow之后的行如何工作? - javascript

好的,我有一个来自后面代码的方法,可以创建一个popupwindow。然后有一行代码要在那之后执行,我想知道那行代码何时执行,是在使用popupwindow之后执行还是在创建popupwindow之后执行?例如:void exPopupWindowMethod() { string scr = "window.open('exampleP…

Javascript-Urls的奇怪字符串比较行为 - javascript

最近,在编写我无法理解的javascript时遇到了字符串比较的问题。我从完全相同的网址创建了两个字符串,当我比较它们时返回false,但是在重新分配相同的字符串后,比较返回true。这是我的示例:var str1 = "http://google.com/"; var str2 = "http://google.com‏/&#…

使用只读属性设置输入字段的默认值 - javascript

我有一种将持久性数据发布到SQL数据库的表单。在我的表单中,我首先将输入字段设置为只读,除非用户选择以下选项:我的问题是,如果用户选择不在输入字段中输入值,则会收到此错误:我尝试在JavaScript中设置输入的默认值,但收到相同的错误。$("#lejeperiode").val(" "); 向数据库中插入空字符串还是…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…