Javascript 如何动态读取输入ID并将其值放在文本jQUery中

我试图读取

输入的值

并在

p

标记中更新它，值将是动态的

更新：每次单击更新时，应替换段落中的以下值

输入{
显示：块；
边缘底部：10px；
}

-
- 
- 
- 
- 
替换此
$（“#测试”）。在（'click'，function（）上{
var inputVal=$（“#Q#u Star1_Text”）.val（）；
$（“.final text”）.text（inputVal）；
});

编辑：阅读更新的描述。这里有一个有效的解决方案

更新的html：

<input id="Q_Star1_Text" type="text" name="starValue" value="Value One">
  <p class="replace">Replace This</p>
<input id="Q_Star2_Text" type="text" name="starValue" value="Value Two">
  <p class="replace">Replace This</p>
<input id="Q_Star3_Text" type="text" name="starValue" value="Value Three">
  <p class="replace">Replace This</p>
<input id="Q_Star4_Text" type="text" name="starValue" value="Value Four">
  <p class="replace">Replace This</p>
<input id="Q_Star5_Text" type="text" name="starValue" value="Value Five">
  <p class="replace">Replace This</p>
<a class="test111" href="javascript:;">Update Text</a>

---

下面是一个工作示例

$（.test111”）。在（'click'，function（）上{
$（“[name='FallValue']”）。每个（函数（）{
var元素=$（“+this.id）；
if（元素长度）{
html（this.value）；
}否则{
$（“
”+this.value+“
”）.appendTo（“.content”）；
}
});
});
输入{
显示：块；
边缘底部：10px；
}

替换此
您可以收听
a
标记的
单击事件，然后单击，使用
prev（）
获取上一次
输入的值：


$（[id^=test]）。在（'click'，function（）上{
var value=$（this.prev（'input[id^=Q_Star]'））.val（）；
$（“.final text”）.text（值）；
});
输入{
显示：块；
边缘底部：10px；
}

- 
- 
- 
- 
- 
替换此
您的代码工作正常。你现在想要什么？在每次点击链接时，获取下一个输入数据并更新它？这就是你想要的？@31piy实际上我没能说得更清楚。实际上在每个输入旁边都有一个更新按钮。在每个按钮上点击，图表将更新。例如，如果我单击值3，则值3将更新到段落。我将更新我的问题，如下所示well@SanjeevKumar--您的代码片段不完整，导致许多错误答案。请确保您发布了一个完整且可验证的示例。@SanjeevKumar请编辑您的问题并添加正确的HTML，以便我们可以相应地更改我们的答案，使其对您有价值you@31piy问题更新谢谢你的回答，这就是我要找的。
  $(".replace").on('click', function() {
    var prevElem = $(this).prev().val();
    $(this).text(prevElem)
  });