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>

这是一个小提琴的链接：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。

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

1 个答案: