javascript - 在函数调用上执行doubleClick功能

我有html表，并在tr和td中。现在我所有的Td都有不同的课程。我想执行类似我每次调用一个函数的操作，具有特定类的特定td自动执行双击功能，并且我传递的一个值将存储在该td中。我具有可编辑的td，其中用户将提供一个值。

function setAutometicallyValue() {
  $(".columndata").bind("dblclick", function() {
    $('.columndata').val("4");
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="mytable">
  <tr valign="top">
    <td class="columndata">Message</td>
    <td class="1">Test</td>
    <td class="2"></td>
  </tr>
</table>
<input type="button" value="button" onclick="setAutometicallyValue()">

最佳答案

你可以这样

function setAutometicallyValue() {
    $('.columndata').text("4");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<table id="mytable">
  <tr valign="top">
    <td class="columndata">Message</td>
    <td class="1">Test</td>
    <td class="2"></td>
  </tr>
</table>
<input type="button" value="button" ondblclick="setAutometicallyValue()">