Html 在reactjs中使用jquery在表中添加新行

Html 在reactjs中使用jquery在表中添加新行,html,reactjs,Html,Reactjs,''' JSFIDLE此处要添加新行 “”“因此,您的代码有很多问题: 如果您通过点击f12来检查console,则会出现此错误Uncaught ReferenceError:$c未定义,因为此行:$(“#字段7”).val($c) 我认为没有必要将添加和删除作为标记,除非您希望它们专门用于样式设置,因为这会混淆问题 $(this.parent().parent().remove()这一行似乎没有什么作用 不管怎样,这是正确的代码 $(“#字段7”).val(c),此错误已更正 添加和删除

''' JSFIDLE此处要添加新行
“”“

因此,您的代码有很多问题:

  • 如果您通过点击
    f12
    来检查
    console
    ,则会出现此错误
    Uncaught ReferenceError:$c未定义
    ,因为此行:
    $(“#字段7”).val($c)
  • 我认为没有必要将
    添加
    删除
    作为
    标记,除非您希望它们专门用于样式设置,因为这会混淆问题
  • $(this.parent().parent().remove()这一行似乎没有什么作用
不管怎样,这是正确的代码

  • $(“#字段7”).val(c),此错误已更正
  • 添加
    删除
    已制作成带有自定义样式的
    标签,看起来像
    标签
  • 鉴于此,
    onclick
    事件已更正
  • 删除过程已经修复,现在是
    $('#table').children().eq($(“#table”).children().length-1)。而不是('tfoot').remove(),因此它从不删除小计/合计行
$(文档).ready(函数(){
$(“#将_添加到_表”)。在('click',function()上{
navObj=$(“#table tbody:last”).clone();
$(“#表”).append(navObj);
});
$(“#从_表中删除_”)。在('click',function()上{
$(“#表”).children().eq($(“#表”).children().length-1).not('tfoot').remove();
});
});
$(文档).ready(函数(){
var a=document.getElementById(“field5”).innerHTML;
var b=document.getElementById(“field6”).InnerHTML;
c=a*b;
$(“#字段7”).val(c);
});
.link{
文字装饰:下划线;
颜色:蓝色;
光标:指针;
}

添加
去除
#
描述
单位
价格
全部的
01
网站咨询公司
与会议记录相关的任务AbC
4.
$100.00
$300.00
小计
$300.00
减税
0
总计
$300.00

@AsadSaeed请标记为已解决,如果这解决了您的问题,请询问更多问题我正在reactjsi上执行此操作我想将单位列与价格列相乘,并想在总计列中显示结果,当添加新行时,其编号应为递增编号(例如1,然后是2等等),还要求总列值之和,并在小计和总计行中显示其结果。请将我的答案标记为已接受,并在堆栈溢出中打开一个新问题,因为这是一个不同的主题。
I'm want to add new row using jquery any one help me to solve my problem"