动态表，在那里我可以链接点击抢上下文信息

名称操作
==== =======
亚当删除
乔删除
比尔删除

我想“删除”是弹出一个确认弹出，上面写着一个链接：

“你确定要删除”亚当“？（是，否）

请注意，“adam”是上下文相关的，需要从用户选择表格的行中检索。

2009-08-07 leora

事情是这样的：

$(document).ready(function() { 
    $('a.delete').click(function(e) { 
     //prevent the link from going anywhere 
     e.preventDefault(); 
     //give me this link's parent (a <td>) and grab the text of the 'prev' one 
     var name = $(this).parent().prev('td').text(); 
     var answer = confirm("Are you sure you want to delete " + name); 
    }); 
});

假设你给你的删除链接的类delete。

来源

2009-08-07 00:43:47 karim79

我会在哪里放这段代码？ – leora 2009-08-07 00:48:02

在$（document）.ready（）中，在脚本标记中，在文档的HEAD中。 – karim79 2009-08-07 00:50:24

感到很难过，但我仍然迷失。我把这个放在最上面，但是在哪里可以链接这个函数呢？ – leora 2009-08-07 01:00:31

这应该适用于您提到的每个表结构。

<html> 
<head> 
<!-- you will need jQuery --> 
<script type='text/javascript' src='path/to/jquery.js' ></script> 
<script type='text/javascript'> 
$(function() { 
    $("td[innerHTML*='delete']").click(function(e) { 

     var name = $(this).prev('td').text(); 

     if(confirm("Are you sure you want to delete " + name)) 
     { 
      // call ajax to delete this record 

      // remove tr element 
      $(this).parent().remove(); 
     } 
    }); 
}); 
</script> 
</head> 
<body> 
    <!-- your table --> 
    <table> 
     <tr> 
     <td>Mira</td> 
     <td>delete</td> 
     </tr> 
     <td>Adam</td> 
     <td>delete</td> 
     <tr> 
     <td>Barney</td> 
     <td>delete</td> 
     </tr> 
     <tr> 
     <td>Scott</td> 
     <td>delete</td> 
     </tr> 
    </table> 
</body> 
</html>

来源

2009-08-07 10:51:15

动态表，在那里我可以链接点击抢上下文信息

回答

相关问题