获得最接近的输入值

Question

我有这个HTML：

<div class="kusy"><input value="{{ $array['summary'] }}" type="text" onchange="$(this).closest('form').submit(); return false;" onkeypress='return event.charCode >= 48 && event.charCode <= 57' class="kusy-input" name="summary"></div>

<div class="plus-minus">
  <input type="hidden" name="_token" value="{{ csrf_token() }}" />
  <input type="hidden" name="id" value="{{ $product->id }}" />
  <input type="hidden" name="action" value="edit-summary" />
  <input class="klik-plus" type="submit" value="+">
  <input class="klik-minus" type="submit" value="-">
</div>

这个Javascript：

$(document).ready(function(){

    $('.klik-plus').click(function(){
        alert($(this).closest('.kusy-input').val());
    });

});

当我点击加号按钮时，它会显示警告信息“未定义”，输入框的值为4号。

我怎样才能获得这个价值？

Answer 1

最近的只会查看元素的祖先和兄弟，所以它无法达到你的kusy输入。

您可以做的是到达父元素，然后找到您的输入

$(document).ready(function(){
    $('.klik-plus').click(function(){
        alert($(this).parents().find('.kusy-input').val());
    });
});