Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery:动态表-行索引_Jquery_Html - Fatal编程技术网

jQuery:动态表-行索引

jQuery:动态表-行索引,jquery,html,Jquery,Html,我有一个动态添加html表列的代码。这些新栏目有3台收音机。我想在每行的这3个选项中选择一个 我试图找出表行索引,以便将其添加到radio id中。但得到的值未定义 问题:“因为所有的收音机都有相同的ID,我只能选择所有收音机中的一个。。。不是每行一个 这是我的密码 $document 准备好的 作用{ $addBtn 点击 作用{ $myTable thead tr 追加 “新标题” $'myTable tbody tr' 追加 “遍历每一行以获取索引,然后追加。如果您想使用.index,请

我有一个动态添加html表列的代码。这些新栏目有3台收音机。我想在每行的这3个选项中选择一个

我试图找出表行索引,以便将其添加到radio id中。但得到的值未定义

问题:“因为所有的收音机都有相同的ID,我只能选择所有收音机中的一个。。。不是每行一个

这是我的密码

$document 准备好的 作用{ $addBtn 点击 作用{ $myTable thead tr 追加 “新标题” $'myTable tbody tr' 追加
“遍历每一行以获取索引,然后追加。如果您想使用.index,请使用此选项,否则其他答案建议您可以使用从.each生成的索引

像这样的

$('#myTable tbody tr').each(function(index, value){
  var index = $(this).index(); // or just index
  $(this).append('<td><input type="radio" name="interActivity' + index + ' value="Y"></td><td><input type="radio" name="interActivity' + index + ' value="N"></td><td><input type="radio" name="interActivity' + index + ' value="NA">')
});
$document.readyfunction{ $addBtn.clickfunction{ $myTable thead tr.append'New Header' $'myTable tbody tr'.eachfunction{ var index=$this.index;
$this.append'遍历每一行以获取索引,然后进行append。如果您想使用.index,则可以使用.index,否则其他答案建议您可以使用从.each生成的索引

像这样的

$('#myTable tbody tr').each(function(index, value){
  var index = $(this).index(); // or just index
  $(this).append('<td><input type="radio" name="interActivity' + index + ' value="Y"></td><td><input type="radio" name="interActivity' + index + ' value="N"></td><td><input type="radio" name="interActivity' + index + ' value="NA">')
});
$document.readyfunction{ $addBtn.clickfunction{ $myTable thead tr.append'New Header' $'myTable tbody tr'.eachfunction{ var index=$this.index;
$this.append'您必须手动将内容追加到每一行,因为append函数不会重新计算每个项的表达式。每一行都会

$document 准备好的 作用{ $addBtn 点击 作用{ $myTable thead tr 追加 “新标题” $'myTable tbody tr' .每个功能{ $this.append
“您必须手动将内容追加到每一行,因为追加函数不会重新计算每一项的表达式。每一行都会

$document 准备好的 作用{ $addBtn 点击 作用{ $myTable thead tr 追加 “新标题” $'myTable tbody tr' .每个功能{ $this.append “rowIndex是一个DOM属性,不能在jQuery对象上使用。另外,$myTable tr返回所有行的集合,因此索引将不仅仅是要附加到的行

您可以给它一个函数,而不是在.append调用中直接提供HTML。然后将为集合中的每个元素调用该函数,类似于在.each中调用.append,并追加其返回值

您还缺少名称属性中的结束符

$document.readyfunction{ $addBtn.clickfunction{ $myTable thead tr.append'newheader'; $'myTable tbody tr'.appendfunctioni{ 变量名称=‘交互作用’+i; 回来 }; }; }; 标题1 标题2 R1列1 R1第2列 R2专栏1 R2专栏2 R3列1 R3列2 rowIndex是一个DOM属性,不能在jQuery对象上使用。另外,$myTable tr返回所有行的集合,因此索引将不仅仅是要附加到的行

您可以给它一个函数,而不是在.append调用中直接提供HTML。然后将为集合中的每个元素调用该函数,类似于在.each中调用.append,并追加其返回值

您还缺少名称属性中的结束符

$document.readyfunction{ $addBtn.clickfunction{ $myTable thead tr.append'newheader'; $'myTable tbody tr'.appendfunctioni{ 变量名称=‘交互作用’+i; 回来 }; }; }; 标题1 标题2 R1列1 R1第2列 R2专栏1 R2专栏2 R3列1 R3列2
请将问题复制到小提琴中。@lal为小提琴添加了链接。请将问题复制到小提琴中。@lal为小提琴添加了链接。