gpt4 book ai didi

javascript - 在单个 div 单击上绑定(bind)输入字段

转载 作者:行者123 更新时间:2023-11-28 02:30:50 25 4
gpt4 key购买 nike

我有这个:

<td>
<div></div>
<input hidden>
</td>
...
<td>
<div></div>
<input hidden>
</td>

当我点击 div 时,我想隐藏 div 并绑定(bind)输入等:

$(document).one("click", 'div',function(){
$(input).bind('blur keyup',function(e) {
....

但显然只有当我再次点击输入进行编辑时输入才会绑定(bind)。

因此,我可以单击多个 div,而不绑定(bind)它们中的任何一个。

我怎样才能点击一个 div 并绑定(bind)输入字段而不必先点击输入字段?!

最佳答案

$(document).ready(function() {
$("div").click(function() {
$(this).hide();
var current_input = $(this).next('input')
current_input.css('display', 'block')

if (current_input.val())
alert('Entered Value "' + current_input.val() + '"')
current_input.focus()
});
});
.divi {
width: 150px;
height: 30px;
background: gray;
text-align: center;
}
<!DOCTYPE html>
<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

</head>

<body>
<table>
<tbody>
<tr>
<td>
<div class="divi">Div 1</div>
<input hidden>
</td>
<td>
<div class="divi">Div 2</div>
<input hidden>
</td>
</tr>
</tbody>
</table>
</body>

</html>

关于javascript - 在单个 div 单击上绑定(bind)输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47714129/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com