javascript - 如何将焦点设置在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

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

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

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

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