web-dev-qa-db-ja.com

jQuery：クリックまたはフォーカス入力フィールドのトリガー

以下の例のように見える複数の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>
javascriptjquerytriggerseventtrigger
8
user2571510

私はあなたが欲しいと思う：

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

onclick = "function（）"を追加します こちらを参照 jqueryを使用して手動でトリガーする必要がある場合は、

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

こちらも参照

6
AmOs
$(".triggerBtn").on("click",function(e){
      $(this).closest("div").find(".inputField").click();
     //or $(this).closest("div").find(".inputField").focus();
});
1
Khanh TO
$(".triggerBtn").parent().children("input[type:text]").first().focus()
0
Jeet