2009-08-07 68 views
1

我正在動態生成的表看起來像這樣:動態表,在那裏我可以鏈接點擊搶上下文信息

名稱操作
==== =======
亞當刪除
喬刪除
比爾刪除

我想「刪除」是彈出一個確認彈出,上面寫着一個鏈接:

「你確定要刪除」亞當「? (是,否)

請注意,「adam」是上下文相關的,需要從用戶選擇表格的行中檢索。

回答

2

事情是這樣的:

$(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

+0

我會在哪裏放這段代碼? – leora 2009-08-07 00:48:02

+0

在$(document).ready()中,在腳本標記中,在文檔的HEAD中。 – karim79 2009-08-07 00:50:24

+0

感到很難過,但我仍然迷失。我把這個放在最上面,但是在哪裏可以鏈接這個函數呢? – leora 2009-08-07 01:00:31

0

這應該適用於您提到的每個表結構。

<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> 
相關問題