单击按钮时删除特定行
Remove specific lines on button click
如果我有以下内容:
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<input type="submit" value="Submit" />
如何在点击提交按钮后删除(div test1 和 test3)?
试试这个:
var button = document.querySelector('input[type="submit"]');
button.onclick = function(event) {
event.preventDefault();
var ids = ['test1','test3'];
var count = ids.length;
while(count--) {
document.getElementById(ids[count]).remove();
}
};
<div id="test1">test1</div>
<div id="test2">test2</div>
<div id="test3">test3</div>
<div id="test4">test4</div>
<input type="submit" value="Submit" />
使用 jQuery,你应该有这样的东西 jsFiddle :
$(document).ready(function(){
$('#submit-btn').click(function(e){
e.preventDefault();
$('#test1, #test3').remove();
})
});
你可以尝试使用JQuery隐藏手风琴,这里有一个例子:
把它放在你的头标签中:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("#1, #3").hide();
});
$("#show").click(function(){
$("#1, #3").show();
});
});
</script>
这是你的身体标签:
<div id="1">If you click on the "Hide" button, I will disappear.</div>
<div id="2">If you click on the "Hide" button, I will disappear.</div>
<div id="3">If you click on the "Hide" button, I will disappear.</div>
<div id="4">If you click on the "Hide" button, I will disappear.</div>
<button id="hide">Hide</button>
<button id="show">Show</button>
相关文章:
- JS动态添加字段-删除按钮不起作用
- 删除按钮并在单击时进行分配
- 如何根据某些条件向可编辑的jquery数据表添加或删除按钮
- 如何在图像右上角显示删除按钮
- 克隆字段上的“添加-删除”按钮
- jTable条件显示隐藏基于数据所有者的编辑和删除按钮
- 如何隐藏剑道网格命令的编辑按钮或删除按钮
- 悬停事件上的删除按钮
- 使用node.js更新和删除按钮
- 禁用编辑和删除按钮在IE9中不起作用,但在IE11中起作用
- 当我以带有编辑和删除按钮的表单提交时,显示所有值
- 使用 jquery 在函数中添加删除按钮
- 如何在使用Angular.js打开新行后添加删除按钮
- 剑道网格隐藏/显示删除按钮
- 数据表删除按钮在其他页面上不起作用,除了第一个
- 如何禁用和启用删除按钮,如果未在 GridView 中选中复选框由 Jquery
- 当 AJAX 加载内容时,喜欢和删除按钮不起作用
- 如何在 JSP 中的“单击”复选框时创建删除按钮
- Jquery:如何将图像添加到删除按钮
- 为什么我的删除按钮不起作用