如何将焦点设置在 html table 最后一行第二列的输入控件上

Question

我必须在单击“添加新行”按钮时将焦点设置在最后一行第二列。

行追加代码：

$("#tblDetItems").append('<tr><td align="right">' + sl_no + '</td><td td style="width: 200px; height: 13px;"><input type="text"  id="txtCode" value="" style="width: 190px; height: 13px;" /></td><td>' + "" + '</td><td>' + "" + '</td><td align="right" style="width: 100px; height: 13px;"><input type="text"  id="txtStdRate" value="0.00" style="width: 100px; height: 13px;" /></td><td align="right" style="width: 100px; height: 13px;"><input type="text"  id="txtLbrCharge" value="0.00" style="width: 100px; height: 13px;" /></td><td align="right" style="width: 100px; height: 13px;"><input type="text"  id="txtRcvryCost" value"0.00" style="width: 100px; height: 13px;" /></td><td style="width:80px; height: 18px;"><select id="cmbUseId_tbl"  style="width: 80px; height: 18px;"><option value="Y" selected="selected">Yes</option><option value="N">No</option></select></td></tr>');

Answer 1

您可以为您创建的每个文本框指定任何选择器，即 class 名称。

<input type="text" class="fooClass" value="" />

然后使用 jQuery last 关键字使其在生成最后一行后成为焦点。

$( ".fooClass:last" ).focus();