点击绑定行弹出详细页面 jQuery

转载于 2010-01-21 10:43:00 发布 · 71 阅读

文章标签：

本文介绍了一个使用jQuery实现的简单功能，当用户点击表格中的某一行时，会根据该行的数据导航到相应的页面。此功能通过获取被点击行的单元格内容来构造URL，并使用JavaScript改变当前窗口的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="Script/jquery-1.4.min.js" type="text/javascript"></script>
      
   <script type="text/javascript">

       $(document).ready(function() {
           $("tr").click(function(event) {
               var row = jQuery(this)
               var firstParam = row.children("td:eq(0)").text();
               var secondParam = row.children("td:eq(1)").text();                
               var navUrl = "CustomerDetails.aspx?cid=" + firstParam + "&cname=" + secondParam;
               top.location = navUrl;

           });
       });
   </script>