获取最近输入的值

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());
    });

});

当我点击加号按钮时，它显示消息"undefined"，输入框的值是数字 4。

我怎样才能得到那个值？

Answer 1

Closest 只会查看元素的祖先和兄弟姐妹，因此它无法到达您的 kusy-input。

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

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

获取最近输入的值

Getting value of closest input

html

javascript

closest