Question

Ich habe dieses HTML bekam:

<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> 

Und dieses Javascript:

$(document).ready(function(){ 

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

}); 

Wenn ich auf die Schaltfläche und klicken Sie auf, es zeigt mir Alarm mit der Meldung „undefined“, im Wert der Eingabebox ist Nummer 4.

Wie kann ich diesen Wert erhalten?

Answer 1

Am nächsten wird nur in die Vorfahren und Geschwister der Elemente, so dass es Ihre Kusy-Eingabe nicht erreichen kann.

Was könnten Sie tun, wäre das übergeordnete Element zu erreichen, und dann finden Sie Ihre Eingabe

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