blocks|key|2356707|text|假设您的'dim'+div有一个ID，而不是一个dim类，您可以简单地这样做：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2356708|$("#dim+>+input").change(function()+{+dosomething();+});|code-block|syntax|javascript|2356709|Working+example。|2356710|在文本中引用#dim，而在代码中引用div+-+#按ID选择，.按类选择，因此如果您的div格式为<div+id="dim">，那么您将找不到任何使用div.dim作为选择器的匹配元素。|2356711|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Town/Fg36J/^0|4|5|A|3|O|3|0|0|0|F|0|0|6|4|O|1|V|1|1D|E|23|7|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|M|3|N|5|6|7|18|8|@$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Assuming your <code>'dim'</code> <code>div</code> has an ID rather than a class of <code>dim</code>, you can simply do this:

<pre><code>$("#dim &gt; input").change(function() { dosomething(); });
</code></pre>

<a href="http://jsfiddle.net/Town/Fg36J/" rel="nofollow">Working example</a>.

In the text you refer to <code>#dim</code> whereas in the code you're refering to <code>.dim</code> - <code>#</code> selects by ID and <code>.</code> selects by class, so if your div is in the format <code>&lt;div id="dim"&gt;</code> then you won't find any matched elements with <code>div.dim</code> as your selector.

blocks|key|2356722|text|你不需要遍历元素。您可以将jQuery对象视为包含一个集合。当你这样做的时候：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2356723|var+sel+=+$("div.dim+>+input");|code-block|syntax|javascript|2356724|这意味着sel中包含了所有的输入元素，因此当您运行像change()这样的方法时，它将影响集合中的所有元素。因此，您可以这样做：|offset|length|style|CODE|2356725|function+registercb()+{
++$("div.dim+>+input").change(function(){
++++dosomething();
++});
}|2356726|额外知识：现在你的问题是，当你在做for(+x+in+sel+)的时候，你得到了很多关于jQuery对象本身的东西，而这些东西是你不想要的。如果你在chrome中运行下面的代码，你会看到它输出了很多意想不到的东西：|BOLD|2356727|for(+x+in+sel+){
++console.log(+x+);
}|2356728|取而代之的是，jQuery的each可以让你遍历你想要的东西：|2356729|sel.each(function(index,+item){
++console.log(item);
});|2356730|你甚至可以在其他事情上使用它，这真的很方便！|2356731|$([1,2,3]).each(function(+index+item+){
++console.log(+item+);++//+1,2,3
})|2356732|entityMap^0|0|0|4|3|0|0|0|5|H|F|0|0|E|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@$I|16|J|17|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|19|8|@$I|1A|J|1B|K|Q]|$I|1C|J|1D|K|L]]|9|@]|A|$]]|$1|R|3|S|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|T|3|U|5|6|7|1F|8|@$I|1G|J|1H|K|L]]|9|@]|A|$]]|$1|V|3|W|5|D|7|1I|8|@]|9|@]|A|$E|F]]|$1|X|3|Y|5|6|7|1J|8|@]|9|@]|A|$]]|$1|Z|3|10|5|D|7|1K|8|@]|9|@]|A|$E|F]]|$1|11|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|12|$]]

You don't have to loop over the elements. You can think of a jQuery object as holding a collection. When you do:

<pre><code>var sel = $("div.dim &gt; input");
</code></pre>

It means that <code>sel</code> has all the input elements in it, so then when you run a method like change() it will affect all of the elements in the collection. Thus you can do something like this:

<pre><code>function registercb() {
 $("div.dim &gt; input").change(function(){
 dosomething();
 });
}
</code></pre>

Bonus knowledge: Now your problem is that when you were doing <code>for( x in sel )</code> you are getting a lot of stuff on the jQuery object itself that you don't want. If you run the following code in chrome you'll see it outputting a lot unexpected stuff:

<pre><code>for( x in sel ){
 console.log( x );
}
</code></pre>

Instead jQuery has the <code>each</code> that lets you loop over the things you want:

<pre><code>sel.each(function(index, item){
 console.log(item);
});
</code></pre>

You can even use it on other things, which is really handy!

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

blocks|key|2367463|text|您可以简单地这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2367464|function+registercb()+{
+++$("div.dim+>+input").change(dosomething);+++++++++++++++
}|code-block|syntax|javascript|2367465|需要注意的几件事：|2367466|迭代中的|2367467|(不要使用这个，请参见下一点)+x是DOM元素，而不是具有.change()方法的jQuery对象，您需要将其包装在jQuery对象中，如$(x)，但这里也不是正确的解决方案。|unordered-list-item|offset|length|style|CODE|2367468|不要使用for(...in...)循环来迭代对象(+jQuery对象类似数组)，该类型的循环适用于在多个元素上运行的set+jQuery函数，因此只需在集合上运行它即可影响所有元素，.change()就是其中之一。|2367469|在你需要循环的情况下，查看.each()，因为它会让你的生活变得更容易，不在这里使用，这只是它看起来像的一个例子：|BOLD|2367470|2367471|示例：|2367472|function+registercb()+{
+++$("div.dim+>+input").each(function()+{
++++++$(this).change(dosomething);+++++++++++++++
+++});
}|2367473|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/change/|1|2|http://api.jquery.com/each/^0|0|0|0|0|G|1|T|9|1X|4|T|9|0|0|4|D|2J|9|2J|9|1|0|D|7|10|6|D|7|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1E|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1F|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1G|8|@$N|1H|O|1I|P|Q]|$N|1J|O|1K|P|Q]|$N|1L|O|1M|P|Q]]|9|@$N|1N|O|1O|1|1P]]|A|$]]|$1|R|3|S|5|M|7|1Q|8|@$N|1R|O|1S|P|Q]|$N|1T|O|1U|P|Q]]|9|@$N|1V|O|1W|1|1X]]|A|$]]|$1|T|3|U|5|M|7|1Y|8|@$N|1Z|O|20|P|Q]|$N|21|O|22|P|V]]|9|@$N|23|O|24|1|25]]|A|$]]|$1|W|3|-4|5|6|7|26|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|27|8|@]|9|@]|A|$]]|$1|Z|3|10|5|D|7|28|8|@]|9|@]|A|$E|F]]|$1|11|3|-4|5|6|7|29|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|14|15|16|A|$17|18]]|1A|$5|14|15|16|A|$17|1B]]]]

You can simply do:

<pre><code>function registercb() {
 $("div.dim &gt; input").change(dosomething); 
}
</code></pre>

A few things to watch for:

<ul>
<li>Inside that iteration (don't use this, see the next point) <code>x</code> is the DOM element, not a jQuery object which has the <a href="http://api.jquery.com/change/" rel="nofollow"><code>.change()</code></a> method, you would need to wrap it in a jQuery object like <code>$(x)</code>, but again that isn't the correct solution here.</li>
<li>Don't use a <code>for(...in...)</code> loop to iterate an object (a jQuery object is array-like), that type of loop is for enumeration.</li>
<li>Most jQuery functions (almost all) run on more than one element, so just run it on the set to affect all elements, <a href="http://api.jquery.com/change/" rel="nofollow"><code>.change()</code></a> is one of these.</li>
<li>In the cases you do need to loop, check out <a href="http://api.jquery.com/each/" rel="nofollow"><code>.each()</code></a>, as it'll make your life much easier, don't use this here, it's only an example of what it would look like:</li>
</ul>

Example:

<pre><code>function registercb() {
 $("div.dim &gt; input").each(function() {
 $(this).change(dosomething); 
 });
}
</code></pre>

I am trying to attach an onChange callback to all the input elements under the div <code>#dim</code>. It selects all 3 input elements, but returns an exception: 

<pre><code>Uncaught TypeError: Object 0 has no method 'change'
</code></pre>

It may be because <code>x</code> may not be a jQuery object. How would I make this work?

<pre><code>function registercb() {
 var sel = $("div.dim &gt; input");
 for (x in sel) {
 x.change(function() {
 dosomething();
 });
 }
}
</code></pre>

jQuery set call back on child elements

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试将一个onChange回调附加到div #dim下的所有输入元素。它选择所有3个输入元素，但返回一个异常：Uncaught TypeError: Object 0 has no method 'change'这可能是因为x可能不是jQuery对象。我该怎么做呢？function registercb() { ...

问jQuery对子元素设置回调
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery对子元素设置回调EN