Javascript 使用jQuery更改输入值

我有多个

输入

，它们具有不同的

数据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>

$（“[data id]”）。单击（函数（）{
$（this.attr（'data-id'）.parent（）.value（“成功更改了值！”）；
//我也试过下面这个
//$（this.attr（'data-id'）.parent（）.input.value（“成功更改了值！”）；
});

有人知道我怎么解决这个问题吗

谢谢

$（'input[data id]'）。单击（function（）{
$（this.val（“已成功更改值！”）；
});

typo-该方法称为
val（）
而不是
value（）
。您应该得到一个错误，告诉您
value（）
不是一个函数。如果您不介意的话，通过谷歌搜索jquery为嵌入式代码段添加编辑，您可能会发现在线帮助更容易。
<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>