Question

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

$('.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>...

jQuery删除动态元素

0 个答案: