Javascript jquery在单击元素后删除此选择器

我想用dialogBody类清空div的内容，然后附加返回的ajax响应。请看下面的代码。我的问题是.html（response）没有做任何事情，因为单击的元素被删除了。在删除单击的元素后，如何将$this.closest（'.dialogBody'）作为目标元素带入

<div class="dialogBody">
  <p>Some content<a href="/question/33" class="ajaxReplace">Click to show question</a></p>
</div>
<script>
$(".ajaxReplace").live("click", function(e){
  e.preventDefault();
  var $this = $(this);
  $this.closest('.dialogBody').empty();          
  ajaxUrl = $(this).attr("href")+"?ajax=1";
  $.ajax({ 
    type: "POST",
    url: ajaxUrl,
    success: function(response){          
      $this.closest('.dialogBody').html(response);  
      console.log(response);
    }
  })                 
});   
</script>

一些内容

$（“.ajaxReplace”）.live（“单击”，函数（e）{
e、 预防默认值（）；
var$this=$（this）；
$this.closest（'.dialogBody'）.empty（）；
ajaxUrl=$（this.attr（“href”）+“？ajax=1”；
$.ajax（{
类型：“POST”，
url:ajaxUrl，
成功：功能（响应）{
$this.closest（'.dialogBody'）.html（响应）；
控制台日志（响应）；
}
})                 
});   

将其分配给变量：

$(".ajaxReplace").live("click", function(e){
  e.preventDefault();
  var $this = $(this);
  var $dBody = $this.closest('.dialogBody').empty();   // <------       
  ajaxUrl = $(this).attr("href")+"?ajax=1";
  $.ajax({ 
    type: "POST",
    url: ajaxUrl,
    success: function(response){          
      $dBody.html(response);  // <------
      console.log(response);
    }
  })                 
});  

$（“.ajaxReplace”）.live（“单击”，函数（e）{
e、 预防默认值（）；
var$this=$（this）；
var$dBody=$this.closest（'.dialogBody'）.empty（）；//将其分配给变量：

$(".ajaxReplace").live("click", function(e){
  e.preventDefault();
  var $this = $(this);
  var $dBody = $this.closest('.dialogBody').empty();   // <------       
  ajaxUrl = $(this).attr("href")+"?ajax=1";
  $.ajax({ 
    type: "POST",
    url: ajaxUrl,
    success: function(response){          
      $dBody.html(response);  // <------
      console.log(response);
    }
  })                 
});  

$（“.ajaxReplace”）.live（“单击”，函数（e）{
e、 预防默认值（）；
var$this=$（this）；
var$dBody=$this.closest（'.dialogBody'）.empty（）；//保存对所需元素的引用，而不是保存对将要删除的元素的引用：

$(".ajaxReplace").live("click", function(e){
  e.preventDefault();
  var ajaxUrl = $(this).attr("href")+"?ajax=1",
      $thisDialog = $(this).closest('.dialogBody').empty();          
  $.ajax({ 
    type: "POST",
    url: ajaxUrl,
    success: function(response){          
      $thisDialog.html(response);  
      console.log(response);
    }
  })                 
});  

在删除
此
元素之前，您还需要将
ajaxUrl
赋值移动到。
保存对所需元素的引用，而不是保存对将要删除的元素的引用：

$(".ajaxReplace").live("click", function(e){
  e.preventDefault();
  var ajaxUrl = $(this).attr("href")+"?ajax=1",
      $thisDialog = $(this).closest('.dialogBody').empty();          
  $.ajax({ 
    type: "POST",
    url: ajaxUrl,
    success: function(response){          
      $thisDialog.html(response);  
      console.log(response);
    }
  })                 
});  

在删除
此
元素之前，您还需要将
ajaxUrl
赋值移动到