javascript - 使用具有相同名称的jquery从多个输入中获取项目

Question

我正在通过表格列出项目，然后想更改项目的个别名称。

<td class="tdFileName">
    <?php $nameArray = explode(".", $f->file_name); ?>
    <input type="text" name="ra_name" class="raName" value="{{$nameArray[0]}}">
    <button type="submit" class="btn-warning btnRaName">Düzenle</button>
</td>
<td>{{$userName}}</td>

 $('.btnRaName').on('click', function (e) {
    e.preventDefault();
    alert($('.raName').val());
    location.reload();
});

当我单击单个按钮时，我只会获得第一个输入的值。我该如何解决？

Answer 1

点击时您需要选择 prev HTML 元素，因为它将是所需的输入字段:

$('.btnRaName').on('click', function (e) {
    e.preventDefault();
    var txt = $(this).prev('input.raName').val();
    console.log(txt);
    location.reload();
});