如何使用JQuery聚焦于特定的DIV标签？

Question

假设我在一个HTML页面中有几个DIV标签，例如：

<DIV ID="all">
    <DIV ID="div1">              
    <Input type="radio" name="data['site1']['user']" VALUE="1">user1<br/>
    </DIV>
    <DIV ID="div2">              
    <Input type="radio" name="data['site1']['user']" VALUE="2">user2<br/>
    </DIV>
    <DIV ID="div3">              
    <Input type="radio" name="data['site1']['user']" VALUE="3">user3<br/>
    </DIV>
    <DIV ID="div4">              
    <Input type="radio" name="data['site1']['user']" VALUE="4">user4<br/>
    </DIV>
</DIV>

能否使用JQuery实现与此类似的效果：

Document.getElementByID('div2').focus();

- user327712

Answer 1

相当于：

$("#div2").focus();

但是你只能关注一个表单元素，所以：

$("#div2 :input").focus();

将重点放在ID为div2的元素内的第一个表单元素上。

- cletus

Answer 2

您不能将焦点设置在 div 元素上，只有以下元素可以“聚焦”：

• A
• AREA
• LABEL
• INPUT
• SELECT
• TEXTAREA
• BUTTON

如果您的 div 内部有元素可以接受焦点，请使用相应的选择器获取该元素。否则，我能想到的最相似的行为是滚动到该元素...

- Christian C. Salvadó

Answer 3

你无法将焦点放在div上。但是如果你想将焦点放在div2内的单选按钮上，可以尝试以下方法:

$('#div2 input').focus();

- Scott Christopherson