Javascript 获得;removeAttr不是一个函数;试图更改id';使用jquery在表中复制的行数

Javascript 获得;removeAttr不是一个函数;试图更改id';使用jquery在表中复制的行数,javascript,jquery,html,html-table,Javascript,Jquery,Html,Html Table,我正在尝试将一个HTML表中的行复制到另一个HTML表中。在我的例子中,家庭地址行到帐单地址行。我需要复制整个HTMLtr元素(带子元素),以确保字段数量匹配(我可以作为用户添加更多地址字段)。所以仅仅价值观是不够的 我已经成功地克隆了源trs,成功地将tr的类从homeStreet更新到billingStreet,可以粘贴新的tr行ok,但是如何将各个输入字段的ID从input#home-street-1更新为input#billing-street-1。每个tr都有一个带有输入的td 我不断

我正在尝试将一个HTML
表中的行复制到另一个HTML
表中。在我的例子中,家庭地址行到帐单地址行。我需要复制整个HTML
tr
元素(带子元素),以确保字段数量匹配(我可以作为用户添加更多地址字段)。所以仅仅价值观是不够的

我已经成功地克隆了源
tr
s,成功地将
tr
的类从
homeStreet
更新到
billingStreet
,可以粘贴新的
tr
行ok,但是如何将各个输入字段的ID从
input#home-street-1
更新为
input#billing-street-1
。每个tr都有一个带有
输入的
td

我不断地陷入困境,犯下不同的错误。最终,我希望使用1-5个字段(ID的home-street-n,n从1到5),但最初我会选择1,即将新的
表#账单输入#home-address-1
更改为
输入#账单街-2

我的代码是

  $('tr.billingStreet').remove();           // Start by removing previous fields.
  const homeStreets = $('tr.homeStreet').clone();
  const billingStreets = homeStreets.removeClass('homeStreet').addClass('billingStreet');
  const billingStreet1 = billingStreets[0]
  billingStreet1.removeAttr('id');          // <-- Error "billingStreet1.removeAttr is not a function"
  billingStreet1.attr('id','billing-street-1');

  // this part works to paste the row
  const beforeRow = $('tr#sameAs');
  beforeRow.after(billingStreet1);
添加
console.log('billingStreets)

k.fn.init(2) [tr.billingStreet, tr.billingStreet, prevObject: k.fn.init(2)]
0: tr.billingStreet
1: tr.billingStreet
向新tr显示添加的类


如果在下一行中覆盖该属性,为什么要删除该属性

删除行:

 billingStreet1.removeAttr('id');
你不需要那个

 billingStreet1.removeAttr('id');