1
我正在動態生成的表看起來像這樣:動態表,在那裏我可以鏈接點擊搶上下文信息
名稱操作
==== =======
亞當刪除
喬刪除
比爾刪除
我想「刪除」是彈出一個確認彈出,上面寫着一個鏈接:
「你確定要刪除」亞當「? (是,否)
請注意,「adam」是上下文相關的,需要從用戶選擇表格的行中檢索。
我正在動態生成的表看起來像這樣:動態表,在那裏我可以鏈接點擊搶上下文信息
名稱操作
==== =======
亞當刪除
喬刪除
比爾刪除
我想「刪除」是彈出一個確認彈出,上面寫着一個鏈接:
「你確定要刪除」亞當「? (是,否)
請注意,「adam」是上下文相關的,需要從用戶選擇表格的行中檢索。
事情是這樣的:
$(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
。
這應該適用於您提到的每個表結構。
<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>
我會在哪裏放這段代碼? – leora 2009-08-07 00:48:02
在$(document).ready()中,在腳本標記中,在文檔的HEAD中。 – karim79 2009-08-07 00:50:24
感到很難過,但我仍然迷失。我把這個放在最上面,但是在哪裏可以鏈接這個函數呢? – leora 2009-08-07 01:00:31