動的テーブルは

私はこのようになり、動的にテーブルを生成していますジョーは
ビルは、私が言う確認のポップアップポップアップするリンクであることを「削除」したい動的テーブルは

削除します：

をアダムに「あなたが削除してもよろしいです」 "？

「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

$（document）.ready（）のスクリプトタグ内、文書のHEADにあります。 – karim79

申し訳ありませんが、痛みですが、私はまだ失われています。私はこれを一番上に置いていますが、どこにこの機能と関連づけていますか？ – leora

これは、あなたが言及したすべてのテーブル構造で機能するはずです。

<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

答えて

関連する問題