用 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>