首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >表中tr重复,无法清空表元素

表中tr重复,无法清空表元素
EN

Stack Overflow用户
提问于 2018-04-03 08:24:09
回答 1查看 39关注 0票数 0

如果有人能帮上忙的话。我已连接到数据库。我有这个表,我想要-when,我按下发送按钮--把信息发送到我的数据库。这可以很好地工作。TWhen我按下了'list data‘按钮,我想把一个tbody元素附加到表中。我写了下面的代码:

代码语言:javascript
运行
AI代码解释
复制
<input type="text" id="name"/>
<input type="text" id="age"/>

<table id='client'>
    <thead>
        <tr>
            <th>name</th>
            <th>age</th>
        </tr>
    </thead>
<table>

<input type="button" id="btn" value="send"/>
<input type="button" id="showList" value="list data"/>

... 
.... $.get().then(displayClients);
...
function displayClients(response) {
        let table = $('#clients');
        let tbody = $('<tbody>');

        tbody.remove();

        for (let data in response) {
            let name = response[data]['name'];
            let age = response[data]['age'];

            let tr = $('<tr>')
                .append($('<td>').text(name))
                .append($('<td>').text(age))

            tbody.append(tr);
        }
        table.append(tbody);
    }

问题是,即使我在函数的开头删除了整个tbody,它每次都会使记录加倍。我按下了send,而不是只添加最后一个。

EN

回答 1

Stack Overflow用户

发布于 2018-04-03 08:53:38

在jQuery中通过标记名选择元素时,只需使用不带<>的标记名,因此不应使用jQuery('<tbody>');,而应为jQuery('tbody');

而且,您可能不想使用remove,因为这实际上是从DOM中删除了元素。也许这会在与错误的jQuery选择器结合使用时造成一些麻烦。另一种方法是.empty(),它只删除元素的所有内容,而不是元素本身。然后,您还可以省略行table.append(tbody)

下面是我的猜测:

实际上,您并没有选择tbody,而是选择了其他东西(对我来说,使用jQuery('<tagname>')的实验产生了一些奇怪的结果。然而,remove返回一个包含DOM元素集合(http://api.jquery.com/Types/#jQuery)的jQuery-Object -哪个元素现在/过去并不是真正值得关注的元素,因为您对它执行了remove操作。

然后使用tbody.append(...)开始向jQuery对象中的空集合添加新内容。最后,将所有新内容附加到table元素,然后该元素只是将新元素添加到tbody中,因为最初的tbody从未因为错误的选择器而被触及。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49625438

复制
相关文章
mysql -- 清空表中数据
注 : truncate操作中的table可以省略,delete操作中的*可以省略
互联网-小阿宇
2022/11/21
5.1K0
mysql — 清空表中数据
注 : truncate操作中的table可以省略,delete操作中的*可以省略
全栈程序员站长
2022/06/29
6.4K0
清空表与删除表mysql
为某基于wordpress搭建的博客长久未除草,某天升级的时候发现已经被插入了几万条垃圾留言,如果一条条删除那可真是累人的活。遂考虑直接进入mysql直接清空表或者删除表中数据。
hankleo
2020/09/16
8.2K0
MYSQL 清空表和截断表
清空表只是清空表中的逻辑数据,但是物理数据不清除,如主键值、索引等不被清除,还是原来的值。
OwenZhang
2021/12/08
5.3K0
Mysql清空表中数据「建议收藏」
第一种方法 是删除表中数据且主键ID是继续顺序排下去 第二种方法 是彻底清空表中数据 把数据结构恢复至刚建表的时候 数据全部清空
全栈程序员站长
2022/09/05
3.4K0
Sqlite清空表数据
命令如下 delete from TableName;//清空数据 update sqlite_sequence SET seq = 0 where name ='TableName';//自增长ID为0
孤鸿
2022/09/23
3.3K0
MySQL清空表数据
说明:删除内容、释放空间但不删除定义,也就是数据表的结构还在。与drop不同的是,它只是清空表数据而已,它比较温柔。
全栈程序员站长
2022/07/01
6.4K0
mysql清空表数据_mysql数据库之如何清空表中数据「建议收藏」
本篇文章主要讲述的是在数据库中使用清空命令,具有一定学习价值,有需要的朋友可以了解一下,希望能够对你有所帮助。
全栈程序员站长
2022/06/29
9.7K0
mysql清空表数据_mysql数据库之如何清空表中数据「建议收藏」
清空mysql 表数据
删除表数据,相当于一条条删除,需要注意的是,如果有字段是自增的(一般为id),这样删除后,id 值还是存在的。
全栈程序员站长
2022/08/26
5.5K0
php清空mysql数据表,mysql怎么清空数据表数据[通俗易懂]
在mysql中,可以利用“DELETE”和“TRUNCATE”关键字来清空数据表中的数据,具体语法为“DELETE FROM 数据表;”和“TRUNCATE TABLE 数据表;”。
全栈程序员站长
2022/08/25
12.4K0
php清空mysql数据表,mysql怎么清空数据表数据[通俗易懂]
sql清空表数据命令
有三种清空方式: 1.delete from 表名 :逐行删除表数据速度比较慢,不适合删除数据量大的表。 2.truncate table 表名 :删除表中所有数据并且保留表结构,但是不能撤消还原。 3.drop from 表名 :表数据和表结构一起删除,在实践过程中删除大数据量表数据。使用 1,2这两种方法需要等待好久才能清空完成。 有一个较快的方法是先导出表结构,对原先表进行删除,然后再重建。
全栈程序员站长
2022/07/01
2.9K0
MySQL快速清空表数据
相较而言知,完全删除一个表所有记录,道truncate 比 delete速度快的多。
全栈程序员站长
2022/08/24
4.2K0
Leetcode No.217 存在重复元素(hash表)
如果存在一值在数组中出现至少两次,函数返回 true 。如果数组中每个元素都不相同,则返回 false 。
week
2022/01/07
1860
mysql清空数据库所有表的命令_mysql清空表数据命令是什么?_数据库,mysql,清空表数据…[通俗易懂]
2、在mysql安装目录下,新建my.ini文件,设置默认字符集、端口、存储引擎等;
全栈程序员站长
2022/06/28
19.8K0
mysql清空数据库所有表的命令_mysql清空表数据命令是什么?_数据库,mysql,清空表数据…[通俗易懂]
SQL 清空表数据的方法
一般建議盡可能使用delete去刪除表的字段,它具有選擇 性刪除的作用,所以常常delete from tablename where 條件 delete和truncate作用其實是一樣的,隻是truncate后面不跟where條件句,它的作用是刪除表中所有的行(記錄) 兩者最大的區別就是delete是寫日誌文件的,而truncate則不寫日誌直接刪除,前者可恢復,而后者無法恢復,后者的危險性更高,所以一般不建議 使用truncate,常用delete
全栈程序员站长
2022/09/06
1.3K0
SQL:删除表中重复的记录
--创建测试表 if object_id('test') is not null drop table test create table test ( id int identity(1,1) primary key, name varchar(50) ) --插入几条测试数据 insert into test select 'a' union all select 'a' union all select 'a' union all select 'a' union all select 'a
用户8983410
2021/11/02
4.8K0
sql删除或清空表数据[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/132352.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/12
10K0
删除MySQL表中的重复数据?
一般我们将数据存储在MySQL数据库中,它允许我们存储重复的数据。但是往往重复的数据是作废的、没有用的数据,那么通常我们会使用数据库的唯一索引 unique 键作为限制。问题来了啊,我还没有创建唯一索引捏,数据就重复了(我就是忘了,怎么滴)。
青衫染红尘
2023/02/28
7.3K0
删除表中重复数据「建议收藏」
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/105915.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/09
9760
Mysql truncate 清空表数据「建议收藏」
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138902.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/02
2.3K0

相似问题

无法删除表的tr元素。JS

19

清空表后无法生成表

11

在表中添加<tr>元素

42

knockout.js foreach重复表中的td元素,但不重复tr元素

20

如何动态隐藏表tr元素?

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文