我正在尝试将一个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();
});
}
}发布于 2011-04-24 21:23:02
您可以简单地这样做:
function registercb() {
$("div.dim > input").change(dosomething);
}需要注意的几件事:
迭代中的
x是DOM元素,而不是具有.change()方法的jQuery对象,您需要将其包装在jQuery对象中,如$(x),但这里也不是正确的解决方案。for(...in...)循环来迭代对象( jQuery对象类似数组),该类型的循环适用于在多个元素上运行的set jQuery函数,因此只需在集合上运行它即可影响所有元素,.change()就是其中之一。.each(),因为它会让你的生活变得更容易,不在这里使用,这只是它看起来像的一个例子:示例:
function registercb() {
$("div.dim > input").each(function() {
$(this).change(dosomething);
});
}发布于 2011-04-24 21:22:56
你不需要遍历元素。您可以将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
})发布于 2011-04-24 21:16:29
假设您的'dim' div有一个ID,而不是一个dim类,您可以简单地这样做:
$("#dim > input").change(function() { dosomething(); });Working example。
在文本中引用#dim,而在代码中引用div - #按ID选择,.按类选择,因此如果您的div格式为<div id="dim">,那么您将找不到任何使用div.dim作为选择器的匹配元素。
https://stackoverflow.com/questions/5770684
复制相似问题