jquery如何删除td里的子元素

本篇内容主要讲解“jquery如何删除td里的子元素”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery如何删除td里的子元素”吧!

创新互联主营蕉城网站建设的网络公司,主营网站建设方案,成都APP应用开发,蕉城h5成都小程序开发搭建,蕉城网站营销推广欢迎蕉城等地区企业咨询

方法：1、利用children()方法获取td元素的子元素对象，该方法能返回被选元素的直接子元素，语法为“td元素对象.children()”；2、利用remove()方法删除获取到的子元素即可，语法为“td子元素对象.remove()”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么删除td里的子元素

1、利用children()方法获取子元素

children() 方法返回被选元素的所有直接子元素。

语法

$(selector).children(filter)

filter 可选。规定缩小搜索子元素范围的选择器表达式。

2、利用remove()方法删除元素

remove() 方法移除被选元素，包括所有的文本和子节点。

该方法也会移除被选元素的数据和事件。

语法

$(selector).remove()

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("td").children().remove();
});
});
</script>
</head>
<body >
<table border="1">
  <tr>
    <td>Cell<i>A</i></td>
    <td>Cell<i>B</i></td>
  </tr>
</table>
<button>移除td子元素</button>
</body>
</html>

输出结果：

jquery如何删除td里的子元素

到此，相信大家对“jquery如何删除td里的子元素”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

标题名称：jquery如何删除td里的子元素
链接URL：https://www.cdcxhl.com/article24/pgeoce.html

成都网站建设公司_创新互联，为您提供网站设计、微信公众号、微信小程序、定制开发、外贸网站建设、品牌网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容