实现一个重置按钮来收回 jQuery 中已删除的 DOM 元素
Implement a reset button to take back removed DOM elements in jQuery
如何实现重置按钮来收回jQuery中已删除的DOM元素?
PHP 数组$items = array('a','b','c','d')
标记
<table id="table">
<?php for( $i=0; $i < count( $items ); $i++ ){?>
<tr>
<td><?php echo $i + 1;?></td> // No
<td><?php echo $items[$i];?></td>
<td><input type='button' class='DEL' value='DELETE'></td>
</tr>
<?php }?>
</table>
<input type="reset" id="RESET" value="Reset">
.JS
$('body').on('click','#RESET', function() {
// Code call back from db then show to display
// example select * from school
});
但我不确定这是否正确,因为它会到达
a,b,c,a,b,c,d,...
for($i=0; $i<(count($items)); $i++){
?><tr>
<td><?php echo ($i+1);?></td> // No
<td>
<?php echo $items[$i]; ?> // a,b,c,d
</td>
<td>
<input type='button' class='DEL' value='DELETE'> // delete row
</td>
</tr><?php
}
<input type="reset" id="RESET" value="Reset">
在文档的页脚部分中,将以下代码段放在<script>
标记中:
window.a = new Array('a','b','c','d');
$('#RESET').click(function(){
$('#table').empty();
$.each(a, function(index, element) {
$('#table').append('<tr><td>'+(index+1)+'<td>'+element+'</td><td><input type="button" class="DEL" value="DELETE"></td></tr>');
});
});
更新
斯菲德尔
相关文章:
- Jquery删除图像
- 使用jquery删除输入框上的外部处理程序/库
- jQuery 2.1 |删除重复子字符串的源子字符串
- Javascript/JQuery删除代码中的父TR问题
- 使用jQuery删除动态创建的元素上的mouseenter事件
- Jquery删除上面的br标记
- Jquery-删除单选按钮
- JQuery.删除DOM树中的上一个同级
- 使用jQuery删除部分URL
- 使用jquery删除href中的特定字符或标记
- 使用jquery删除包含的行
- 如何使用Jquery删除伪元素
- Jquery删除除粗体之外的所有内容
- jquery .删除整个 li 或 table 元素后
- 使用JQuery删除禁用的属性
- Javascript/Jquery删除和添加'onmouseover'setinterval上的事件
- 如何使用jQuery删除具有一定效果的css类
- 使用jquery删除td类
- 使用jQuery删除两个类
- 如何使用jquery删除元素