网络编程 
首页 > 网络编程 > 浏览文章

js脚本实现数据去重

(编辑:jimmy 日期: 2026/3/5 浏览:3 次 )

项目要求如图所示:

js脚本实现数据去重

代码:

复制代码 代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="/UploadFiles/2021-04-02/jquery.js">     <script type="text/javascript">
    $(function(){
        var divArea = $(".drop");
                $.each(divArea , function () {
                    var Dtxid = $(this).text();
                    var count = 0;
                    $.each(divArea , function () {
                            var Xtxid = $(this).text();
                            if (Dtxid == Xtxid) {
                            count = count + 1;
                            if (count >= 2) {
                                   $(this).remove();
                            }
                    }
                })
            })
    });
    </script>
</head>
<body>
    <div>原先数据</div>
    <div>
        <span>张三</span>
        <span>李四</span>
        <span>王五</span>
        <span>张三</span>
        <span>王五</span>
    </div>
    <br/>
    <div>数据去重</div>
    <div>
        <span class="drop">张三</span>
        <span class="drop">李四</span>
        <span class="drop">王五</span>
        <span class="drop">张三</span>
        <span class="drop">王五</span>
    </div>
</body>
</html>

是不是很简单呢,有相同需求的小伙伴们自己参考下吧,这里给出的仅仅是个简单示例,要用到项目中还需要小伙伴们自己加点料。

上一篇:JavaScript变量声明详解
下一篇:实例分析js和C#中使用正则表达式匹配a标签
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。