jQuery - 从动态创建的输入中获取值

Question

请在此处查看演示:http://jsfiddle.net/9pR87/28/

1. 添加输入 - 使用新输入添加新行
2. 获取值 - 获取最后添加的输入的值

我正在创建一些额外的行(发票元素)，但是当我想在动态创建的输入中使用获取值时，但输入值始终是未定义。为什么？

为什么 jQuery 找不到动态创建的输入值？

Answer 1

我认为这足以满足您的需求:

$('#GetValue').click(function() {
    var i = $('table tbody tr').length-1; // subtract 1 for correct indexing
    alert($('#ItemPrice-' + i).val());
    // OR
    alert( $('[id^=ItemPrice]:last').val() );
});

Demo

根据jsfiddle的评论

问题是:

tableRow += '<td><input type="text" name="ItemPrice[]" id="ItemPrice-' + i + ' " 
                                                                              ^--- an space
placeholder="Item Price"></td>';

tableRow += '<td><input type="text" name="NumberOfItems[]" id="NumberOfItems-' + i + ' " 
                                                                                      ^-- an space
placeholder="Number Of Items"></td>';

Here is update and working code