jquery选择器：如何关注表格单元格中的下一个输入？

Question

我有一个表单，其中所有文本框和选择输入在<td>中的<tr>不同。

选择第一个<select>将决定哪些文本框在以下<td>中可见。所以我要重新加载整个<tr> ajaxly，然后专注于下一个<input>。

我目前的JavaScript：

var $nextAll = $('#ExpenseTypeId').closest('td').nextAll('td');

然后检查<td>内是否有<input>。在for循环中，我会检测哪一个是我的下一个<input>，它将具有焦点。

但是，有一种简单的方法吗？我希望有类似的东西：

$('#ExpenseTypeId').closest('td').nextAll('td input').first().focus();

显然nextAll('id input')没有按预期工作。如何编写正确的选择器？

Answer 1

答案由

提供

$('#ExpenseTypeId').closest('td').nextAll('td').find("input:first").focus();

我现在发现的另一个解决方案是添加:has()选择器：

$('#ExpenseTypeId').closest('td').nextAll('td:has(input)').first().find('input').focus();