javascript - 用于查找 div 内输入的 jQuery 选择器

Question

我有这样的 HTML:

<div class="s-item s-question">
    <label>label text</label>
    <div>
        <input name="s1" type="checkbox" class="switch-indeterminate k-input"
               data-indeterminate="true"
               data-on-text="Yes"
               data-off-text="No" />
    </div>
</div>

如何使用 jQuery 动态选择该输入？我想确定何时发生更改。

最高级别的 div 始终具有类 s-item 但不是复选框，有时我可能有一个按钮或选择框等。

所以我想也许 $('.s-item').find('select, input, button').change(function() { ... }); 会起作用吗？但事实并非如此。

我应该做什么？

Answer 1

“change”事件仅对 input、select 和 textarea 元素有效。它不起作用，因为您试图将其分配给 button 元素。

$('.s-item').find('select, input, textarea').change(function() { ... });

应该可以。

简单地为您关心的项目分配一个类会更干净，所以您可以这样做

$(".s-change-watch").change(function() { ... });

它更好地将标记的语义(例如它是什么元素类型)与功能分开。