区块链技术博客
www.b2bchain.cn

如何在运行时生成的div的Javascript切换ID – javascript程序员分享

本文介绍了如何在运行时生成的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(); }); 

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

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

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

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

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

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 如何在运行时生成的div的Javascript切换ID – javascript程序员分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们