Result
jQuery
$('table td span').click(function(){ //クリックで親要素ごと削除する $(this).parent().parent().remove();}); |
css
span{cursor:pointer; color:red;}table, tr td{border:1px solid #999;}tr td{padding:15px 25px;}table{margin:25px;} |
html
<table> <tr> <td>row 1</td> <td>row 1</td> <td>row 1</td> <td><span>X</span></td> </tr> <tr> <td>row 2</td> <td>row 2</td> <td>row 2</td> <td><span>X</span></td> </tr></table> |
