jQuery : 클릭 또는 포커스 입력 필드

Question

아래 예제와 같이 여러 개의 div가있는 페이지가 있습니다. 각 div에는 필드, 숨김 필드 및 버튼이 있습니다.

(보이는) 입력 필드가 트리거되는 버튼을 클릭하면 어떻게됩니까? 둘 다 동일한 기능을 수행하므로 클릭 또는 포커스를 트리거해야합니다.

각 버튼은 class="triggerBtn"이고 해당 입력 필드는 class="inputField"입니다.

예 사업부 :

<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

"() 함수"수동으로 jQuery를 사용하여 트리거해야하는 경우 의 onclick =이 see here 당신이 할 수있는 추가 this by

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

제 생각 엔 0

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