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