Question

我正在尝试将onChange回调附加到div #dim下的所有输入元素。它选择所有3个输入元素，但返回异常：

Uncaught TypeError: Object 0 has no method 'change'

可能是因为x可能不是jQuery对象。我该怎么做才能做到这一点？

function registercb() {
    var sel = $("div.dim > input");
    for (x in sel) {
        x.change(function() {
            dosomething();
        });
    }
}

Answer 1

您不必遍历元素。您可以将jQuery对象视为持有集合。当你这样做时：

var sel = $("div.dim > input");

这意味着sel中包含所有输入元素，因此当您运行change（）之类的方法时，它将影响集合中的所有元素。因此，您可以这样做：

function registercb() {
  $("div.dim > input").change(function(){
    dosomething();
  });
}

奖金知识：现在您的问题是，当您执行for( x in sel )时，您在jQuery对象本身上获得了许多您不想要的东西。如果你在chrome中运行以下代码，你会看到它输出很多意想不到的东西：

for( x in sel ){
  console.log( x );
}

相反，jQuery有each，可以让你循环遍历你想要的东西：

sel.each(function(index, item){
  console.log(item);
});

你甚至可以在其他东西上使用它，这非常方便！

$([1,2,3]).each(function( index item ){
  console.log( item );  // 1,2,3
})

Answer 2

您可以这样做：

function registercb() {
   $("div.dim > input").change(dosomething);               
}

要注意的一些事项：

在迭代中（不要使用它，请参阅下一点）x是DOM元素，而不是具有.change()方法的jQuery对象，你需要将它包装在像$(x)这样的jQuery对象中，但这又不是正确的解决方案。
不要使用for(...in...)循环迭代对象（jQuery对象类似于数组），该类型的循环用于枚举。
大多数jQuery函数（几乎 all ）都运行在多个元素上，因此只需在集合上运行它以影响所有元素，.change()就是其中之一。
如果你做需要循环，请查看.each()，因为它会让你的生活更轻松，不要在这里使用 ，它只是一个例子：

示例：

function registercb() {
   $("div.dim > input").each(function() {
      $(this).change(dosomething);               
   });
}

Answer 3

假设您的'dim' div有ID而不是dim类，您可以这样做：

$("#dim > input").change(function() { dosomething(); });

Working example

在文字中，您引用的是#dim，而在您引用.dim的代码中 - #按ID选择，.按类选择，所以如果您的div的格式为<div id="dim">，然后您将找不到div.dim作为选择器的任何匹配元素。

jQuery设置回调子元素

3 个答案: