行删除不起作用
Row delete does not work
在我的代码中删除第一行工作,但以下行不工作
html代码:<table class="table table-striped table-bordered table-hover table-condensed tableSiteUser">
<thead>
<tr>
<th>#</th>
<th>User</th>
<th>Channel</th>
<th>Action</th>
</tr>
<tr>
<td contentEditable="true">1</td>
<td contentEditable="true">www.google.com</td>
<td contentEditable="true">channel-1</td>
<td contentEditable="true"><span class="glyphicon glyphicon-trash form-control row-remover">delete</span>
</td>
</tr>
</thead>
<tbody id="site-table-body"></tbody>
</table>
javascript代码:
$('.table tbody').append('<tr><td contenteditable="true">1</td><td contenteditable="true">1</td><td contenteditable="true">1</td><td contenteditable="true"><span class="glyphicon glyphicon-trash form-control row-remover">del</span></td></tr>');
$('.table').on('keydown', 'td:last-child', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode == 9) {
$('tbody').append('<tr><td contenteditable="true">2</td><td contenteditable="true">2</td><td contenteditable="true">2</td><td contenteditable="true"><span class="glyphicon glyphicon-trash form-control row-remover">del</span></td></tr>');
}
});
$('span.glyphicon-trash').on('click', function () {
$(this).closest('tr').remove();
});
小提琴链接:http://jsfiddle.net/vasantharaj/vkfr2fbo/1/
在动态创建元素时。您需要使用.on()委托事件方法来使用事件委托。
使用$('.table tbody').on('click', 'span.glyphicon-trash', function() {
$(this).closest('tr').remove();
});
演示<td contentEditable="true">
<span class="glyphicon glyphicon-trash form-control row-remover" onclick="js : return deleterow(this);">delete</span>
</td>
<script>
function deleterow(i){
$(i).closest('tr').remove();
}
</script>
its should be work
这是为未来的观众提供的香草javascript版本
(演示)(function () {
"use strict";
var tbodies = document.getElementsByTagName('tbody'), tbody;
for (var i = 0; tbody = tbodies[i]; i++) {
tbody.addEventListener('click', function (e) {
if (e.target.className.indexOf('row-remover') >= 0) {
e.target.parentElement.parentElement.remove();
}
}, false);
}
})();
相关文章:
- Jquery行删除对我不起作用,如何设置它
- 删除确认对话框在第一次单击时不起作用
- JS动态添加字段-删除按钮不起作用
- 添加/删除类淡入淡出不起作用
- 删除不起作用的父元素和所有子元素
- 节点.js快速删除 req.body 不起作用
- .hasClass 在 onclick 函数中不起作用,但删除和添加类函数可以
- 图层删除(图像);在 Kinetic.js 中不起作用
- 由 JavaScript 控制的 CSS3 单向转换在按顺序添加/删除类时不起作用
- JQuery/骨干删除在茉莉花中不起作用
- JavaScript 确认删除不起作用
- 添加/删除类在 Chrome 中对我不起作用
- 为什么从 Angular 服务中的对象中删除此元素不起作用
- 为什么javascript替换方法(没有regex)在angularjs表达式中不起作用来删除 
- 删除不起作用的li元素
- 使用jquery动态删除表行;不起作用
- 使用javascript从特定网站删除cookie不起作用
- 从购物车中删除在AngularJS中不起作用
- 删除jQuery中的事件不起作用
- jquery+draggable/my的输入在删除后不起作用