Question

我有这个：

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

当我单击div时，我想隐藏div并绑定输入，所以：

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

但是，只有当我再次点击输入进行编辑时，输入才会被绑定。

因此，我可以点击多个div而不绑定其中任何一个。

如何点击div并绑定输入字段而不必先单击输入字段？！

Answer 1

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

在单个div单击上绑定输入字段

1 个答案: