jquery - 使用 cshtml 中返回的 JQuery FOREACH 行切换可见性

标签 jquery razor foreach webmatrix

我四处寻找问题的答案。我有下面的代码,只是想让我的 JQuery 函数隐藏 foreach 循环返回的特定行。 目前它隐藏所有返回的行。我在 .cshtml 中使用 JQuery。请指教。

<body>
    <script type="text/javascript">    

       $(document).ready(function(){
           $("input").click(function(){
               $("p").toggle(1000);
           });
       });

   </script>

   @foreach (var row in db.Query(selectQueryString)){    
       <p>First Name: @row.First_Name Last Name:@row.Last_Name</p> 
       <button>Toggle</button>
   }
</body>

最佳答案

这应该适合你:

$("button").click(function(){
    $(this).prev("p").toggle(1000);
});

Live DEMO

编辑:

当您使用$("p")时作为 jquery 中的选择器,您实际上得到了所有 <p>标签;但是,在您的情况下,您只需要每个按钮之前的一个。因此,您应该prev()它获取 <p> 的第一个实例在单击的按钮之前。

关于jquery - 使用 cshtml 中返回的 JQuery FOREACH 行切换可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10906943/

相关文章:

javascript - 在 js 文件中使用 forEach 逻辑时无法按预期查看输出

php - foreach 中的 if 语句仅检查最后一个值

javascript - jQuery 如何展开和折叠表单字段

javascript - 单击输入时打开日期选择器

vb.net - Html.ActionLink 作为按钮而不是超链接

带有一些 Razor 的 Javascript 无法在外部工作

javascript - 在使用 forEach 循环执行每次迭代后添加延迟

javascript - 如何识别哪个图像标签正在调用 mouseHover 函数?

javascript - jQuery + 从 json 创建表

asp.net - 使用字典将复选框绑定(bind)到对象的问题模型