监视多个文本框以进行更改的最佳方法

Question

我有一个在选项卡式 div (jQuery) 中构建的表单。每个 div 包含特定于某个部分的表单元素，每个选项卡部分的底部都有一个保存按钮。当用户对表单数据进行更改但未保存时，我正在尝试在选项卡名称（标题）旁边添加一个小警告图标。现在我知道我可以检查每个文本框上的 .change 并通过切换显示属性简单地使图标可见。我想知道是否有更有效的方法来实现相同的功能？考虑到所有的表单元素都在一个 div 中并且分配了特定的类，有没有办法检查 div 中的任何内容是否发生了变化，而不是监听每个表单元素上的事件？

谢谢。

Answer 1

你可以试试

$("#divid > input").on("change", function(){
---
})

其中“divid”是您的 div 的 id。