Javascript 获得;removeAttr不是一个函数;试图更改id';使用jquery在表中复制的行数
我正在尝试将一个HTMLJavascript 获得;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表中。在我的例子中,家庭地址行到帐单地址行。我需要复制整个HTMLtr
元素(带子元素),以确保字段数量匹配(我可以作为用户添加更多地址字段)。所以仅仅价值观是不够的
我已经成功地克隆了源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');