jQuery监控表的变化
jQuery monitor table for change?
我有一个插件,可以显示/隐藏表中的列。
然而,我也在表上使用了其他几个插件,因此表是相当动态的。
我正在寻找一种方法来监控表的任何时候发生的事情。
,
添加行,删除行,隐藏行…
是否有一个通用的.change()
事件为任何dom元素?
可以绑定到DOM事件:
$(document).ready(function(){
$(document).bind('DOMNodeInserted', function(event){
console.log('inserted '+event.target.nodeName + ', parent: '+event.relatedNode.getAttribute('id'));
});
$(document).bind('DOMNodeRemoved', function(event){
console.log('removed');
});
$(document).bind('DOMSubtreeModified', function(event){
console.log('modified '+event.target.getAttribute('id'));
});
$('#tbl').append($('<tr></tr>').
attr('id', 'newrow'));
});
这里的小提琴
当然,你的元素必须有标识符才能使它有用。
您可以使用livequery来检测何时添加/删除了行:
$("tr").livequery(function() {
console.log($(this) + " was added");
}, function() {
console.log($(this) + " was removed");
});
不幸的是,没有跨浏览器的更改事件来操作DOM。您有几个选项:
- 使用操作表的函数来执行其他操作。
- 创建一个pub/sub系统来发布和订阅你自己的自定义表事件。
相关文章:
- 单击页面上的链接后高度发生变化
- React redux初始化功能,无论状态变化如何
- 角度ng变化或ng点击选择can'不起作用
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- JS幻灯片与CSS背景颜色变化
- 重新加载页面时Javascript变量发生变化
- 如何获得Bootstrap Datepicker的年和月,因为它在变化
- 如何用jquery替换字符串中可能变化的字符
- 检测数据的变化
- 如何检测和打印变化变量LESS
- 当文本不断变化时,如何避免在按钮内移动文本
- 当数据库中的某些内容发生变化时调用HTTP方法Meteor.js
- Greasemonkey脚本监控一个网站的变化
- JavaScript修改对象原型来监控变化
- ObservableArray子可观察对象变化监控
- Node.js监控文件的变化并解析它们
- 使用JavaScript监控帧的变化
- 使用jquery监控表单字段的变化
- jQuery监控表的变化
- 监控远程文件的变化,而不用用nodejs下载它