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>

使用JQuery获取最后一个输入字段的输入值

1 个答案: