私は ajax 投稿から再試行された結果配列から行ごとにテーブルをレンダリングしています。各行には列呼び出しメニューgetActionMenu
があり、親が<td>
このmenu
列にある関数によってレンダリングされます。
1 つの入力テキスト ボックス<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);
}