jQuery：如何删除上一个元素？

Question

如何使用jquery删除触发元素的前一个元素？

我努力了：

$(this).prev().remove();
$(this).next().remove();

但是什么都行不通！

Answer 1

确保正确引用了jQuery，并且所有语法均正确：

$("li").click(function(){
  $(this).prev().remove();
});

适用于：

<ul>
  <li><p>Don't delete me!</p></li>
  <li><p>Click me to delete him!</p></li>
  <li><p>Click me twice, to take 'em both out!</p></li>
  <br/> <!-- line break added after OP's comments -->
  <li><p>Click me to remove the line-break!</p></li>
</ul>

Answer 2

通常，当看似正确的jQuery语法不起作用（尤其是遍历时）时，通常是因为您对错误的元素进行了操作。 看一下这个HTML：

<div>
  Please remove me
</div>
<div>
  <span>Click to remove</span>
</div>

现在，如果我们通过span上的click事件进行连接，那么首先调用parent()以获取包含div ，然后获取上一个元素很重要：

$("span").click(function(){
    $(this).parent().prev().remove();
});

对$(this).prev().remove()的简单调用将失败，因为span是div的唯一子级。

Answer 3

您发布的确切代码对我有用 。

请注意， this总是在jQuery click handler中设置为一个元素，但在其他JavaScript函数中则不会设置（除非您安排它以这种方式发生）。

Answer 4

如果您提供更多背景信息，我们将能够更好地回答您的问题。 请注意，除非您位于处理程序的上下文中，否则它不一定指向当前元素。 您想在这里实现什么？