Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery:如何删除上一个元素?_Javascript_Jquery - Fatal编程技术网

Javascript jquery:如何删除上一个元素?

Javascript jquery:如何删除上一个元素?,javascript,jquery,Javascript,Jquery,如何使用jquery将上一个元素删除到触发元素 我试过: $(this).prev().remove(); $(this).next().remove(); 但什么都不管用 确保jQuery被正确引用,并且所有语法都正确: $("li").click(function(){ $(this).prev().remove(); }); 与以下机构合作: <ul> <li><p>Don't delete me!</p></li>

如何使用jquery将上一个元素删除到触发元素

我试过:

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

但什么都不管用

确保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>
  • 不要删除我

  • 点击我删除他

  • 点击我两次,把他们都干掉


  • 单击我删除换行符

您发布的确切代码


请注意,
始终设置为jQuery
单击
处理程序中的一个元素,但不设置为其他JavaScript函数中的一个元素(除非您这样安排)。

通常当看似正确的jQuery语法不起作用时(特别是在遍历时),这通常是因为您操作的元素错误。看看这个HTML:

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

$(this).prev().remove()
的简单调用将失败,因为
span
div

的唯一子项,如果您提供多一点上下文,我们将能够更好地回答您的问题。请注意,除非您在处理程序的上下文中,否则这不一定指向当前元素。你想在这里实现什么?

你能给我们举个HTML的例子吗?好的,是的,我现在已经成功了。但是我想删除单击链接后的
标记。我尝试了$(this).next('br').remove(),但没有成功。你有什么想法吗?哦,看我的例子——这个方法也可以消除中断。
$("span").click(function(){
    $(this).parent().prev().remove();
});