在另一个元素中选择一个元素，这种方法有效吗？如果没有，我该怎么办？

Question

<table class="tableData" id="addUserTable" >
    <tr>
        <th class = "" name="errorMsgUser" id="errorMsg" value="" colspan="2">&nbsp;</th>
    </tr>
    <tr>
        <th class= "" > Desired Username <span class="required">*</span></th>
        <td><input name="desUname" type="text" id="desUname" size="30" value=""  /></td>
    </tr>
    <tr>
        <th class= "" > Password <span class="required">*</span></th>
        <td><input type="password" name="password" id="password" value="" size="30" /></td>
    </tr>       
    <tr>
        <th></th>
        <td>
            <input name="submitAddUser" type="submit" id="submitAddUser" value="Add User" />
            <input type="button" value="Clear All" id="clearUpdateForm"></input>
        </td>
    </tr>
</table>

单击“clearUpdateForm”按钮后，我已成功清除所有表单条目。然后如何聚焦第一个输入文本框？我想要一个通用的解决方案。到目前为止，这是我的 jquery 脚本：

    $(function(){$("#clearUpdateForm").click(function(){
        $(this).parents('form').find(':input').each(function() {
            switch(this.type) {
                case 'password':
                case 'select-multiple':
                case 'select-one':
                case 'text':
                case 'textarea':
                    $(this).val('');
                    break;
                case 'checkbox':
                case 'radio':
                    this.checked = false;
            }});
        $('input#desUname').focus();    
    });});

我可以用这两行替换最后一行代码吗：

    var parentId = "#" + $(this).parents('form').attr("id") ;
    $("parentId input[type=text]:first").focus();

Answer 1

最后一行可以替换为

    var parent = $(this).closest('form');
    parent.find('input[type=text]:first').focus();

Answer 2

如果您将第二行更改为：

  $(parentId+" input[type=text]:first").focus();

或者您可以简单地使用：

$(this).parents('form').find('input:first').focus();

这样即使表单没有任何 ID，它也会起作用。