javascript - 如果按钮单击相同的类，则在for循环中获取最接近的输入(JQuery)

我尝试在其他输入中获取最接近的输入字段（对象ID）的值，其中包含ID。但是它总是采用最后的subjectId。
HTML代码：

@foreach($grades As $grade)
<tr class="subjectGrades">
    <td class="min-td-size">
    <button class="btn btn-default btn-sm pull-left min-margin-right" class="overviewShowSubjectGrades" data-toggle="modal" data-target="#modalShowGrades">Show Grades</button>
    <button class="btn btn-default btn-sm pull-left" class="overviewAddGrade" data-toggle="modal" data-target="#modalAddGrade">+</button>
    <input type="hidden" class="subjectId" value="{!! $grade->subjectId !!}">
    </td>
</tr>
@endforeach

jQuery代码：

$('.overviewAddGrade').click(function () {
        var subjectId = $(this).closest('.subjectId').val();
        $('#modalSubjectId').val() = subjectId;
   });

最佳答案

您的类选择器中缺少.的subjectId，但是问题是closest搜索DOM树-而您的元素是同级。您可以使用closest获取父元素，然后使用find获取目标元素：

var subjectId = $(this).closest("td").find('.subjectId').val();