首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery对子元素设置回调

jQuery对子元素设置回调
EN

Stack Overflow用户
提问于 2011-04-24 21:13:34
回答 3查看 284关注 0票数 0

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

代码语言:javascript
运行
复制
Uncaught TypeError: Object 0 has no method 'change'

这可能是因为x可能不是jQuery对象。我该怎么做呢?

代码语言:javascript
运行
复制
function registercb() {
    var sel = $("div.dim > input");
    for (x in sel) {
        x.change(function() {
            dosomething();
        });
    }
}
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-04-24 21:23:02

您可以简单地这样做:

代码语言:javascript
运行
复制
function registercb() {
   $("div.dim > input").change(dosomething);               
}

需要注意的几件事:

迭代中的

  • (不要使用这个,请参见下一点) x是DOM元素,而不是具有.change()方法的jQuery对象,您需要将其包装在jQuery对象中,如$(x),但这里也不是正确的解决方案。
  • 不要使用for(...in...)循环来迭代对象( jQuery对象类似数组),该类型的循环适用于在多个元素上运行的set jQuery函数,因此只需在集合上运行它即可影响所有元素,.change()就是其中之一。
  • 在你需要循环的情况下,查看.each(),因为它会让你的生活变得更容易,不在这里使用,这只是它看起来像的一个例子:

示例:

代码语言:javascript
运行
复制
function registercb() {
   $("div.dim > input").each(function() {
      $(this).change(dosomething);               
   });
}
票数 1
EN

Stack Overflow用户

发布于 2011-04-24 21:22:56

你不需要遍历元素。您可以将jQuery对象视为包含一个集合。当你这样做的时候:

代码语言:javascript
运行
复制
var sel = $("div.dim > input");

这意味着sel中包含了所有的输入元素,因此当您运行像change()这样的方法时,它将影响集合中的所有元素。因此,您可以这样做:

代码语言:javascript
运行
复制
function registercb() {
  $("div.dim > input").change(function(){
    dosomething();
  });
}

额外知识:现在你的问题是,当你在做for( x in sel )的时候,你得到了很多关于jQuery对象本身的东西,而这些东西是你不想要的。如果你在chrome中运行下面的代码,你会看到它输出了很多意想不到的东西:

代码语言:javascript
运行
复制
for( x in sel ){
  console.log( x );
}

取而代之的是,jQuery的each可以让你遍历你想要的东西:

代码语言:javascript
运行
复制
sel.each(function(index, item){
  console.log(item);
});

你甚至可以在其他事情上使用它,这真的很方便!

代码语言:javascript
运行
复制
$([1,2,3]).each(function( index item ){
  console.log( item );  // 1,2,3
})
票数 1
EN

Stack Overflow用户

发布于 2011-04-24 21:16:29

假设您的'dim' div有一个ID,而不是一个dim类,您可以简单地这样做:

代码语言:javascript
运行
复制
$("#dim > input").change(function() { dosomething(); });

Working example

在文本中引用#dim,而在代码中引用div - #按ID选择,.按类选择,因此如果您的div格式为<div id="dim">,那么您将找不到任何使用div.dim作为选择器的匹配元素。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5770684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档