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

时间:2012-06-06 00:49:52

标签: 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>

1 个答案:

答案 0 :(得分:1)

这应该适合你:

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

Live DEMO

修改

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