jquery - 将焦点切换到单击以动态添加文本输入

Question

让我先说一下我是一个 jQuery 菜鸟 - 刚刚开始学习过程。

我目前在一家在线商店工作。我们与购物车集成的功能之一是“快速添加”字段 (id="cc")。

“快速添加”字段下方是一个动态填充项目行的表。在每个动态添加的商品行中都有一个“数量”文本字段 (id="qtycart")，以防客户在将商品添加到购物车后想要更改其数量。

这就是我想做的事情:

我希望客户能够将文本添加到“快速添加”文本输入并单击提交按钮。单击提交按钮后，我希望焦点从此输入更改为下面新添加的行上的“数量”输入。

这有意义吗？

这是我组合的一个简单函数，但我显然遗漏了一些东西:

$("#cc").live("click", function(){
$("#qtycart:text:visible:last").focus();
});

非常感谢您的宝贵时间!

Answer 1

您的 DOM (qtycart) 中似乎有重复的 ID。您可能应该使用类名“qtycart”来代替:

$("#cc").live("click", function(){
    $(".qtycart:text:visible:last").focus();
});

如果您定位的是正确的元素，则 .focus() 方法确实有效。这是一个小演示来模拟您想要执行的操作:http://jsfiddle.net/6VZf3/2/

以下是 W3C 关于 ID attribute 的规定:

id = name [CS]

This attribute assigns a name to an element. This name must be unique in a document.