在具有多个具有相同ID的文本框的特定变量上获取最新文本框的值

Question

我希望最后一个文本框的值由具有相同ID的多个文本框上的变量捕获。

的HTML

<input type="text" id="get"><br>
<input type="text" id="get"><br>
    <button id="grab">Click</button><br>

脚本

$("#grab").click(function(){
   var value = $("#get").val(); 
});

或者，删除第一个文本框的方法也可能有效。
工作实例

Answer 1

您的HTML无效：HTML元素不能具有相同的id属性。
改用class属性。

然后，您可以使用.last()获取与.get选择器匹配的最后一个元素：

 $("#grab").click(function(){ var value = $(".get").last().val(); alert(value); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="get" value="foo"><br> <input type="text" class="get" value="bar"><br> <button id="grab">Click</button><br> 

_{（我出于说明目的添加了value属性。显然，可以将其删除。）}

---

如果要在第二个元素为空的情况下获取第一个元素的值，则可以执行以下操作：

$("#grab").click(function(){
    var firstValue = $(".get").val(); // `.val()` gets the first element's value by default
    var secondValue = $(".get").last().val(); 

    var result = secondValue || firstValue;
    alert(result);
});

Answer 2

如果您对id没有任何控制，则应使用以下解决方案。 如果您可以更改ID，则应更改ID。

您的方法将无效，因为该id不是唯一的。 它将始终获得第一个input 。

$("#grab").click(function() {
    // var value = $(this).prev("input").val(); // Will work when there is no `<br>`
    alert($('input[id="get"]').last().val());
});

在这里$('input[id="get"]')将获取所有具有id get的元素，而last()将从中获取最后一个元素。

演示： https : //jsfiddle.net/orghoLzg/1/