用 jQuery 改变输入值

Question

我有多个input有不同data-id 。

如果单击输入，我想更改该输入的值。 我试过这个，但它没有用，我已经搜索但找不到解决方案。

<script>
$('[data-id]').click(function() {
  $(this).attr('data-id').parent().value("changed value successfully!");
  //I tried this one below as well
  //$(this).attr('data-id').parent().input.value("changed value successfully!");
});
</script>

<div>
   <input type="submit" data-id="1" value="hello world">
</div>
<div>
   <input type="submit" data-id="2" value="hello world">
</div>
<div>
   <input type="submit" data-id="3" value="hello world">
</div>

有谁知道我该如何解决这个问题？

谢谢

Answer 1

https://jsfiddle.net/j4bu6923/3/

 $('input[data-id]').click(function() { $(this).val("changed value successfully;"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <input type="text" data-id="1" value="hello world"> </div> <div> <input type="text" data-id="2" value="hello world"> </div> <div> <input type="text" data-id="3" value="hello world"> </div>