Javascript 使用jquery从多个输入和按钮获取值的正确方法

我需要从输入中获取值。但是表单是动态生成的，并且它们具有相同的类。例如，如何仅获取一个的输入值？在下面的提琴中，如果单击“修改”，则始终会触发第一个按钮

<form class="myForm">
    <label for='newName'>file</label>
    <input type='text' class='newName' placeholder='new name'/>
    <input type='button' name='change' class='btnSelected' value='Modify'/>
</form>
<form class="myForm">
    <label for='newName'>file</label>
    <input type='text' class='newName' placeholder='new name'/>
    <input type='button' name='change' class='btnSelected' value='Modify'/>
</form>

<script>
$(document).ready(function(){

$(".myForm").on('click', '.btnSelected', function() {

        newName = $(".newName").val();
      console.log(newName);
});


});    
</script>

文件
文件
$（文档）.ready（函数（）{
$（“.myForm”）.on（'click'，'.btselected'，function（）{
newName=$（“.newName”）.val（）；
console.log（newName）；
});
});    

小提琴：

---

在没有jQuery的情况下，注册

以侦听

'click'

事件，然后简单地委托click事件，这样只有当用户使用class

单击任何内容时才会触发事件处理程序
getValue（）
。为了获得正确的
值，
.previousElementSibling
和
.value
属性应用于单击的按钮（引用为
事件.target
）


const getValue=e=>{
if（e.target.classList.contains（'btselected'））{
log（e.target.previousElementSibling.value）；
}
};
document.body.onclick=getValue

文件
文件
将
$（“.newName”）.val（）
更改为
$（this）.prev（）.val（）
您需要找到作为所单击按钮同级的“.newName”元素。很多方法都很有用，谢谢你们。我想我们可以结束这个问题。这不是
名称
。这能回答您的问题吗？