0

我通过在单击表格单元格时加载信息来向页面添加信息:

$('.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&nbsp;</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>...
4

0 回答 0