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

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

您可以为您创建的每个文本框提供任何选择器，即类名。

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

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

npm install -g ionic