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

Posted 2023-04-22

点击按钮后删除某个元素可用如下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样式

div.boxwidth:300px;height:200px;padding:10px 20px;border:4px dashed #ccc;
div.contentwidth:250px;height:80px;margin:10px 0;
inputmargin: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();
);
);
)

观察效果

选择待删除的项目



点击按钮删除后结果

参考技术A $('#button').click(function()
$('#element').remove();
);本回答被提问者采纳

怎么用VBS脚本点击网页中的某个按钮（这个按钮没有元素ID)

用网页按键精灵只能找到这些属性，还有一个 “索引(index) ：0 (全局索引:2)”
如何用VBS命令点击这个按钮

参考技术A 办法很多啊，

sendkeys 可以，
getelementsbytagname(编号)