如何从父级中选择输入并获取输入值?

时间:2013-05-13 14:47:48

标签: jquery

我正在从ajax帖子重试的结果数组中逐行呈现一个表,每行都有列调用菜单我用函数getActionMenu呈现它,其中父项是<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);
    }

1 个答案:

答案 0 :(得分:2)

除了这一行

,你的代码没问题
var maxStuNum =input.attr('value');

使用

var maxStuNum = input.val();