Get the input value of the last input field using JQuery

Question

Is there a way to get the last value of input text fields inside the menus class?

The values are dynamic and the number of input fields are also dynamic.In this example we have 4 input fields inside the menus class and the last value I want to get is 4.

<p class="menus">
    <input type="text" name="test" class="test" value="1">
    <input type="text" name="test" class="test" value="2">
    <input type="text" name="test" class="test" value="3">
    <input type="text" name="test" class="test" value="4">
</p>

Answer 1

You can use jquery last-child-selector

 function getValue() { console.log($(".menus input:last-child").val()) }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p class="menus"> <input type="text" name="test" class="test" value="1"> <input type="text" name="test" class="test" value="2"> <input type="text" name="test" class="test" value="3"> <input type="text" name="test" class="test" value="4"> </p> <button type="button" onclick="getValue()">Get Value</button>