使用 JQuery 獲取最后一個輸入字段的輸入值

Question

有沒有辦法獲取menus類中輸入文本字段的最后一個值？

值是動態的，輸入字段的數量也是動態的。在這個例子中，我們在menus類中有 4 個輸入字段，我想獲得的最后一個值是 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

您可以使用 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>