Javascript jQuery无法删除父div

我正在尝试在AJAX PHP脚本完成后删除父div。问题是，当php脚本为jQuery时，您无法删除div

有人知道我的代码中哪里有错误，为什么我不能用我提供的方法删除想要的DIV吗

以下是代码：

HTML:

使用

而不是

$(this).parent().remove();

因为这里的

$（这个）

不是您所期望的。

使用

而不是

$(this).parent().remove();

因为这里的

$（此）

不是您所期望的。

尝试：

HTML:

尝试：

HTML:

---

---

$（this）.parent（）.remove（）；-$（this）不是您可能期望的span元素

此

引用了

窗口

。可能是因为

$（this）

没有引用您想要的div。将

$（this）.parent（）.remove（）

替换为

$（“#newTask）.remove（）

以确认$（this）.parent（）.remove（）；-$（this）不是您可能期望的span元素

此
引用
窗口
。可能是因为
$（this）
没有引用您想要的div。Replace
$（this）.parent（）.remove（）
与
$（“#newTask）.remove（）
确认将删除newTask元素的第一行。问题是，我可能有多个newTask DIV元素，而您的代码中有多个如果它们都有id，那么它们应该有类，id不能用于多个元素。@jureispro id在文档上下文中必须是唯一的，所以如果OP使用的是多个重复id，他还有其他问题coming@A.Wolff它们有唯一的ID，因为我正在循环数据库中的结果（使用不同的计数器）以获取所有结果Tasks@jureispro等等，我没看到你是OP；）它将删除newTask元素的第一行。问题是，我可能有多个newTask DIV元素，而您的代码中有多个如果它们都有id，那么它们应该有类，id不能用于多个元素。@jureispro id在文档上下文中必须是唯一的，所以如果OP使用的是多个重复id，他还有其他问题coming@A.Wolff它们有唯一的ID，因为我正在循环数据库中的结果（使用不同的计数器）以获取所有结果Tasks@jureispro等等，我没看到你是OP；）这是一个更好的答案，因为它处理多个实例并将javascript移出标记。顺便说一句，您可以只存储
var parent=$（this）.parent（）
，然后是
parent.remove（）
，这样您就不必依赖它有一个id（显然在本例中，它是唯一的）@jureispro您可能需要将它放入document.ready-只需将整个内容包装在
$（function（）{…code…}）中即可@jureispro-您确定要单击跨度吗？它是空的，您可以在里面添加一些内容以确保单击it@GRSEV.remove类get background images应该可以工作，下面是一个工作示例（没有AJAX部分）：这是一个更好的答案，因为它可以处理多个实例并将javascript移出标记。顺便说一句，您可以只存储
var parent=$（this）.parent（）
，然后是
parent.remove（）
，这样您就不必依赖它有一个id（显然在本例中，它是唯一的）@jureispro您可能需要将它放入document.ready-只需将整个内容包装在
$（function（）{…code…}）中即可@jureispro-您确定要单击跨度吗？它是空的，您可以在里面添加一些内容以确保单击it@GRSEV.remove类Get background Images应该可以工作，下面是一个工作示例（没有AJAX部分）：
$("#newTask").remove();

$(this).parent().remove();

<div id="newTask">  
<input type="hidden" id="taskID" 1="" name="taskID" value="39">
<input type="text" id="taskName1" name="taskName1" value="12">  
<span class="remove" data-myid="39"></span>
</div>

$(".remove").click(function(){
var currentID = $(this).data('myid');
var parenID = $(this).parent().attr('id');
 $.ajax({
      url: 'scripts/removeTask.php',
      type: 'post',
      data: 'id='+currentID,

      success: function(data, status) {
        if(data == "OK") {
            $("#"+parenID).remove();
        }
        else{
                  $('#TaskResult').html(data);
        }
      },
      error: function(xhr, desc, err) {
        console.log(xhr);
        console.log("Details: " + desc + "\nError:" + err);
      }
    }); // end ajax call
})