使用jquery获取动态创建的文本框的值

Question

我很难获取动态附加文本框的值。我正在使用该$.each函数根据其id在 .txt 文件中的索引来迭代所有文本框id。

<input type="text"  id="student_grde_G[1]" >
<input type="text"  id="student_grde_G[2]" >
<input type="text"  id="student_grde_G[3]" >

<input type="button" id="save_grade_button" class="button" value="Save Grades">

jQuery：

$('#save_grade_button').click(function (){
    $.each($('#student_grde_G[]'), function(i, item) {
        var grade =  $('#student_grde_G['+i+']').val();
        alert(grade);
    });
});

这是行不通的。谁能告诉我如何解决这个问题？

Answer 1

您没有带有 id 的元素student_grde_G[]请使用通配符starts。

现场演示

$('#save_grade_button').click(function () {
  $.each($('[id^=student_grde_G]'), function (i, item) {
    var grade = $(this).val();
    alert(grade);
  });
});