獲取最接近輸入的價值

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

最近的將僅查看元素的祖先和兄弟姐妹，因此無法到達您的輸入。

您可以做的是到達父元素，然后找到您的輸入

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