我正在从 ajax post 重试的结果数组中逐行渲染一个表,并且每一行都有列调用菜单,我通过getActionMenu
父为 a的函数<td>
在此menu
列中渲染它。
我动态创建一个输入文本框<input type="number" class="input-mini maxStuNum">
和一个按钮<button class="btn btn-primary" type="button">SUBMIT</button>
。当我按下按钮时,我从自己到其父级搜索,然后按类名查找输入.maxStuNum
以尝试获取其值并做进一步的事情。
但是,Chrome 总是说maxStuNum
未定义。
从调试控制台我看到似乎class="maxStuNum"
已经找到了输入。但是不知道是什么意思input: jQuery.fn.jQuery.init[1]
调试:
input: jQuery.fn.jQuery.init[1]
0: input.input-mini maxStuNum
function doSubmit(event){
var tutor = event.data.row;
var input = $(this).parent().children(".maxStuNum");
var maxStuNum = input.attr('value');
}
function getActionMenu(row, parent){
var div = $('<div class="input-append">');
var input = $('<input type="number" class="input-mini maxStuNum">');
input.attr('value',row.maxStuNum);
var btn =$('<button class="btn btn-primary" type="button">SUBMIT</button>').unbind().bind('click', {'row':row}, doSubmit);;
div.append(input);
div.append(btn);
parent.append(div);
}