獲取報警中最後一個嵌套文本字段的值

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

使用:lastpseudo selector將針對給定一個選擇的最後一個元素：

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

這個僞選擇器工作b y獲取與選擇器匹配的所有元素（在這種情況下，所有使用.digit類的元素）並基於這組元素，它將從該組中獲取最後一個元素。

的jsfiddle：http://jsfiddle.net/xr3kpfrg/2/

編輯：作爲一個忠告，你應該有唯一的ID在你的頁面由@NightOwlPrgmr在他的評論暗示。

Answer 2

使用jquery的last（）方法。

更新後的提琴： http://jsfiddle.net/xr3kpfrg/3/

$(document).ready(function(){ 
    $digit = $('.digit').last().val(), 
    console.log($digit); 
    alert($digit); 
});