Javascript 将行添加到表中会导致该表中的元素移动到tbody中

我想在表中追加一行

HTML:

名称 住址 挂载点 选择权 JQuery：

常量行=$'tr' .append`${++index}` .append`${profile.name}` .append`${profile.address+'：'+profile.port}` .append`${profile.mountPoint}` .append`占位符

` $'main-profiles'。追加行 问题是，当代码运行时，in的内容会神奇地进入。以下是其外观的屏幕截图：

---

这是我犯的错误还是错误？我需要指导。

有两个问题导致了这个问题。第一个是$'tr'正在选择一行，而不是创建一个新行。选择的tr是thead中的tr，然后将其附加到表体中，因此元素似乎在移动。您应该改为使用$创建新行。其次，需要将新行追加到表的tbody中

还请注意，在使用模板文本时，可以避免进行多个追加调用。试试这个：

设指数=0； let profile={ 名称：'富吧'， 地址：'1 Any Street'， 端口：8080， mountPoint:“Lorem ipsum” } 常量行=$.append` ${++index} ${profile.name} ${profile.address+'：'+profile.port} ${profile.mountPoint} 占位符

`； $'main-profiles tbody'。追加行 名称 住址 挂载点 选择权

---

有两个问题导致了这个问题。第一个是$'tr'正在选择一行，而不是创建一个新行。选择的tr是thead中的tr，然后将其附加到表体中，因此元素似乎在移动。您应该改为使用$创建新行。其次，需要将新行追加到表的tbody中

还请注意，在使用模板文本时，可以避免进行多个追加调用。试试这个：

设指数=0； let profile={ 名称：'富吧'， 地址：'1 Any Street'， 端口：8080， mountPoint:“Lorem ipsum” } 常量行=$.append` ${++index} ${profile.name} ${profile.address+'：'+profile.port} ${profile.mountPoint} 占位符

`； $'main-profiles tbody'。追加行 名称 住址 挂载点 选择权

---

你想附在身体上，而不是我假设的头部。css选择器正在选择它在thead中看到的第一个tr行。我冒昧地将模板字符串转换为一个字符串。不需要使用这么多的附件

索引=1 profile={name:'name'，add'，port:'port'，'mountPoint'：'mp'}； 常量行=$'main-profiles tbody' .append`${++index} ${profile.name} ${profile.address+'：'+profile.port} ${profile.mountPoint} 占位符` 名称 住址 挂载点 选择权

---

你想附在身体上，而不是我假设的头部。css选择器正在选择它在thead中看到的第一个tr行。我冒昧地将模板字符串转换为一个字符串。不需要使用这么多的附件

索引=1 profile={name:'name'，add'，port:'port'，'mountPoint'：'mp'}； 常量行=$'main-profiles tbody' .append`${++index} ${profile.name} ${profile.address+'：'+profile.port} ${profile.mountPoint} 占位符` 名称 住址 挂载点 选择权

---

回答得好，只想添加一个引用：回答得好，只想添加一个引用：你想创建一个新行，对吗？你想创建一个新行，对吗？