怎么用jQuery实现点击按钮后删除某个元素

点击按钮后删除某个元素可用如下jQuery代码实现

$("input:button")click(function() {

    $(selector)remove(); // $(selector)通过选择器表示要删除的元素，remove()函数用以删除元素

});

实例演示：点击按钮后删除复选框勾选的元素

创建Html元素

<div class="box">

勾选元素后，点击按钮删除<br>

<div class="content">

<input type="checkbox" name="item"><span>萝卜</span>

<input type="checkbox" name="item"><span>青菜</span>

<input type="checkbox" name="item"><span>小葱</span><br>

<input type="checkbox" name="item"><span>豆腐</span>

<input type="checkbox" name="item"><span>土豆</span>

<input type="checkbox" name="item"><span>茄子</span>

</div>

<input type="button" value="删除">

</div>

设置css样式

divbox{width:300px;height:200px;padding:10px 20px;border:4px dashed #ccc;}

divcontent{width:250px;height:80px;margin:10px 0;}

input{margin:10px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

$(function(){

$("input:button")click(function() {

$("input:checkbox:checked")each(function() {

$(this)next("span")remove();

$(this)remove();

});

});

})

观察效果

选择待删除的项目

点击按钮删除后结果

<div><span>1</span><span>2<span></div> 如何删除<span>1<span>后的<

答：jQuery 遍历的nextAll() 方法可以搜索 DOM 树中的元素跟随的同胞元素，也就是一个元素后面的所有同级元素，删除可以使用方法remove()，所以连起来为 $(selector)nextAll()remove();下面给出实例演示：点击按钮后，删除被选项目之后的所有选项

首先你要先获得你想删除的元素的对象，例如我有一个a标签想删除，此标签的id="a1",那么删除它就是$("#a1")remove();总体来说就是调用jquery中的remove()方法

remove()

将元素移出DOM。

当我们想将元素自身移除时我们用

remove()，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。要删除的元素不删除数据和事件的情况下，使用detach()来代替。

首先你的写法是错误的，HTML内的ID不可以重复，只有name或class等属性可以有重复。

你想移除这个div可以这么写：

$("commodity_add_div_1_div")click(function(e){

$(this)remove();

});

这样就移除了当前元素。

同时，onClick="del(this)"这句可以删除，不需要这句。

以上就是关于怎么用jQuery实现点击按钮后删除某个元素全部的内容，包括:怎么用jQuery实现点击按钮后删除某个元素、JQ删除指定元素、如何删除jQuery对象中元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！