我通过在单击表格单元格时加载信息来向页面添加信息:
$('.bg_red').add('.bg_yellow').add('.bg_green').click(
function() {
var element_id = ($(this).attr("id"));
$('#' + element_id).load('files/' + element_id + '.htm');
}
)
加载的文件是一个带有“单击关闭”的表格<caption>
,它具有分配给它的类“close_table”。由于加载的表具有可点击的链接,我无法切换类(在我发现加载的表中的链接之前工作正常),所以我需要使<caption>
元素成为单击以从视图中删除表的项目。以下不起作用:
$(document).on('click', '.close_table', function() {
alert($(this).parent().html());
$(this).parent().remove();
})
警报只是确认我要删除的代码,它正确显示了表格中的内容,但在删除警报后没有任何反应。我现在不知道为什么这不起作用。我正在使用 jQuery v1.8。
我必须使用的相关 HTML(由其他人编写):
<tr>
<td style="border-left:0;border-top:0;border-bottom:0;text-align:right" class="observation">2744 </td>
<td>0.0%</td>
<td style="border-left:1px dashed #606060 ;border-right:1px dashed#606060 " class="bg_yellow" id="2744_2013_10"></td>
加载的表如下所示:
<table class="display_this"><caption class="close_table">(click to close)</caption><tr><td></td><td style="border:0">01</td><td style="border:0">02</td>...