jquery - 监视多个文本框更改的最佳方法

Question

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

谢谢。

Answer 1

你可以尝试类似的东西

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

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