Javascript jQuery在td中为所有行选择输入
我试图在更改时计算表中所有输入字段的值。 下面是示例HTML表目标,也是我尝试使用的jQuery代码,通过使用foreach迭代行,从表中的所有输入字段获取值: $'mytable:input'.changefunction{ var numrows=1; var行; $'out'。文本; $'mytable tr'.eachfunction{ var date=$this.children'td:eq1'; var obj=$this.children'td:eq2:input'.value; 变量逗号=$'queryTable tbody tr'。长度!=numrows?,:]; 变量行={\+date+\;\+obj+\}+逗号+\n; //行+=日期*对象; //行=numrows==1?[+行:行; $'out'。追加行; numrows++; }; }; 测验 可乐 可乐 可乐 价值1 1. 标签1: 价值2 3. 标签2: 价值3 ttt 标签3:Javascript jQuery在td中为所有行选择输入,javascript,jquery,html,Javascript,Jquery,Html,我试图在更改时计算表中所有输入字段的值。 下面是示例HTML表目标,也是我尝试使用的jQuery代码,通过使用foreach迭代行,从表中的所有输入字段获取值: $'mytable:input'.changefunction{ var numrows=1; var行; $'out'。文本; $'mytable tr'.eachfunction{ var date=$this.children'td:eq1'; var obj=$this.children'td:eq2:input'.value
我建议您使用keyup而不是change,因为在输入失去焦点之前,更改不会触发:
$('#mytable :input').keyup(function(){
var numrows = 1;
var rows;
$('#out').text('');
$('#mytable tr:not(:first-child)').each(function(){
var date = $(this).children().eq(1).text();
var obj = $(this).children().eq(2).children('input').val();
var comma = $('#queryTable tbody tr').length != numrows ? "," : "]";
var row = "{\""+date+"\";\""+obj+"\"}"+comma+"\n";
//row += date * obj;
//row = numrows == 1 ? "["+row : row;
$('#out').append(row);
numrows++;
});
});
这是你的工作指南
顺便说一句,我忽略了将此添加到选择器的第一行:not:first child,因为这是标题行不清楚您在这里要问什么。您应该发布一个明确的问题,以及您尝试过的事情,以及您期望发生的事情。您可以使用$'mytable'。查找'input'直接获取所有输入,然后使用.each运行计算。我需要逐行计算。@LPZadkiel给了我想要的,谢谢大家。这就是我想要的,谢谢。我已经根据我的需要更新了小提琴: