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()