javascript - 简写 jQuery 将第一个输入集中在 div 中的表单中

Question

我想做什么

在用户点击时，我希望专注于子 div 中(唯一)表单中的第一个 input 类 detailEdit.

我的 jQuery 代码有效——但它似乎是一个相当长的路要走。有简写版​​本吗？

我的代码

HTML/PHP

<div class="detailEdit">
    <form id="frm_contact">
        <span>Office:</span><br/>
        <input type="text" placeholder="Company Telephone" id="frm_tel2" name="tel2" maxlength="11" value="<?php echo $userData['tel1']; ?>" />
        <span>Mobile:</span><br/>
        <input type="text" placeholder="Mobile Number" id="frm_tel1" name="tel1" maxlength="11" value="<?php echo $userData['tel2']; ?>" />                         
        <input type="submit" value="Submit" name="submit" />
    </form>
</div>

jQuery

   $(this).children('div.detailEdit').first().children('form').first().children('input').first().focus();

Answer 1

尝试这样的事情:

$('.detailEdit').find('input:first').focus();