javascript - 获取警报中最后一个嵌套文本字段的值

Question

我想获取嵌套文本字段中的最后一个值。文本字段的所有 ID 和类都是相同的。下面是 html 和 ajax

<table width="200" border="1" cellpadding="3" cellspacing="3">
  <tr>
    <td><label for="textfield"></label>
    <input name="textfield" type="text" class="digit" id="textfield" value="1" /></td>
  </tr>
  <tr>
    <td><input name="textfield" type="text" class="digit" id="textfield" value="2" /></td>
  </tr>
  <tr>
    <td><input name="textfield" type="text" class="digit" id="textfield" value="3" /></td>
  </tr>
  <tr>
    <td><input name="textfield" type="text" class="digit" id="textfield" value="4" /></td>
  </tr>
  <tr>
    <td><input name="textfield" type="text" class="digit" id="textfield" value="5" /></td>
  </tr>
</table>

Ajax

<script>
$(document).ready(function(){
$digit = $('.digit')
alert ($digit)

});
</script>

这是 fiddle 的链接:http://jsfiddle.net/xr3kpfrg/

Answer 1

使用 :last pseudo selector它将针对给定选择器的最后一个元素:

$(document).ready(function(){
    $digit = $('.digit:last').val(),
    alert ($digit); //should get a 5 here    
});

这个伪选择器的工作原理是获取所有与你的选择器匹配的元素(在本例中是所有使用 .digit 类的元素)，并基于这组元素，它获取最后一个元素来自集合。

JSFiddle: http://jsfiddle.net/xr3kpfrg/2/

编辑:作为一条建议，您应该按照@NightOwlPrgmr 在他的评论中的建议在您的页面中使用唯一的 ID。