[英]jQuery: trigger click or focus input field
我有一个包含多个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>
我想你想要:
$(".triggerBtn").click(function () {
$(this).closest('div').find('.inputField').focus();
});
$(".triggerBtn").on("click",function(e){
$(this).closest("div").find(".inputField").click();
//or $(this).closest("div").find(".inputField").focus();
});
$(".triggerBtn").parent().children("input[type:text]").first().focus()
更新了Jsfiddle: http : //jsfiddle.net/ZmL4y/3/
$(document).on("click",".triggerBtn", function() {
var inputField = $(this).closest('div').find('.inputField');
if($(inputField).is(":visible"))
{
$(inputField ).focus();
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.