Javascript 移动到表内keyup上的下一个输入字段
我有一个表,在Javascript 移动到表内keyup上的下一个输入字段,javascript,jquery,html,Javascript,Jquery,Html,我有一个表,在td内的一行中有几个输入。我需要跳转到任何数字的键控上的下一个输入。我的代码在没有表标记的情况下工作,如果我添加表标记,代码将停止工作。这是链接和代码 $(“.transition”).keyup(函数(){ if(this.value.length==this.maxLength){ $(this.next('.transition').focus(); } }); 。下一步('.transition')查找兄弟姐妹,由于输入不是,作为其td的唯一子级,顺便说一句,它们是兄弟
td
内的一行中有几个输入。我需要跳转到任何数字的键控上的下一个输入。我的代码在没有表
标记的情况下工作,如果我添加表
标记,代码将停止工作。这是链接和代码
$(“.transition”).keyup(函数(){
if(this.value.length==this.maxLength){
$(this.next('.transition').focus();
}
});代码>
。下一步('.transition')
查找兄弟姐妹,由于输入
不是,作为其td
的唯一子级,顺便说一句,它们是兄弟姐妹,因此无法工作
相反,您可以这样做,先获取它的.parent()
,然后使用next()
获取下一个td
,最后使用.find('.transition')
查找输入
$(this).parent().next().find('.transition').focus();
堆栈片段
$(“.transition”).keyup(函数(){
if(this.value.length==this.maxLength){
$(this.parent().next().find('.transition').focus();
}
});代码>
。下一步('.transition')
查找兄弟姐妹,由于输入
不是,作为其td
的唯一子级,顺便说一句,它们是兄弟姐妹,因此无法工作
相反,您可以这样做,先获取它的.parent()
,然后使用next()
获取下一个td
,最后使用.find('.transition')
查找输入
$(this).parent().next().find('.transition').focus();
堆栈片段
$(“.transition”).keyup(函数(){
if(this.value.length==this.maxLength){
$(this.parent().next().find('.transition').focus();
}
});代码>
Ir工作正常!)非常感谢你!你知道我怎样才能设置只输入数字的文本类型,并且只在输入数字0-9时才移动到下一个输入吗?@Orik00可能是这样的input type=“number”
。。。。对于您的脚本,请检查事件.keyCode
以查看在移动到下一步之前它是否是一个数字在这种情况下input type=“number”
输入中有箭头,但我不需要them@Orik00查看前面的评论…添加了使用scriptIr的操作方法(完美!)非常感谢你!你知道我怎样才能设置只输入数字的文本类型,并且只在输入数字0-9时才移动到下一个输入吗?@Orik00可能是这样的input type=“number”
。。。。对于您的脚本,请检查事件.keyCode
以查看在移动到下一步之前它是否是一个数字在这种情况下input type=“number”
输入中有箭头,但我不需要them@Orik00检查前面的注释…添加了如何使用脚本