Question

HTML：

<div class="control-group">
    <label class="control-label" for="some-id-1"><a href="http://example.com/some-id-1" target="_blank">Text1</a></label>
    <div class="controls">
        <input type="text" id="some-id-1" name="some-id-1"><br>
        <input type="text" id="some-id-11" name="some-id-11"><br>
    </div>
</div>
<div class="control-group">
    <label class="control-label" for="some-id-2"><a href="http://example.com/some-id-2" target="_blank">Text2</a></label>
    <div class="controls">
        <input type="text" id="some-id-2" name="some-id-2"><br>
        <input type="text" id="some-id-22" name="some-id-22"><br>
    </div>
</div>

JavaScript的：

$(".control-label a").click(function(){
   $(this).parent().next().find('input').focus();
});

DEMO

选择控制组中的最后一个字段。我该如何选择第一个？

Answer 1

使用:first方法中的find()选择器：

$(this).parent().next().find('input:first').focus();

JS Fiddle demo

Answer 2

.find('input:first-child')应该为你做到这一点。

虽然必须注意for="" 的label属性应该开箱即用。

当用户点击链接时，如何聚焦第一个字段并选择其内容？

2 个答案: