jQuery：触发点击或焦点输入字段

Question

我有一个页面有多个div，它们都看起来像下面的例子。 每个div包含一个字段，一个隐藏字段和一个按钮。

如何通过点击按钮（可见）输入字段被触发来实现该功能？ 我需要触发一个点击或焦点，因为它们都具有相同的功能。

有问题的每个按钮都有class="triggerBtn"，对应的输入字段有class="inputField"。

实施例的div：

<div> 
    <input type="text" class="inputField" id="field1" name="field1" /> 
    <input type="hidden" name="field1" /> 
    <button type="button" class="btn btn-primary triggerBtn">Find</button> 
</div> 

Answer 1

我想你想：

$(".triggerBtn").click(function() { 
    $(this).closest('div').find('.inputField').focus(); 
}); 

Answer 2

更新的jsfiddle：http://jsfiddle.net/ZmL4y/3/

$(document).on("click",".triggerBtn", function() { 
    var inputField = $(this).closest('div').find('.inputField'); 
    if($(inputField).is(":visible")) 
    { 
     $(inputField).focus(); 
    } 
}); 

Answer 3

添加 的onClick = “功能（）” see here 如果需要使用jquery手动触发它可以以这由

$("#field1").trigger("click"); 

see also here

Answer 4

$(".triggerBtn").on("click",function(e){ 
     $(this).closest("div").find(".inputField").click(); 
    //or $(this).closest("div").find(".inputField").focus(); 
}); 

Answer 5

$(".triggerBtn").parent().children("input[type:text]").first().focus()