js脚本实现数据去重
作者:bea
项目要求如图所示: 代码: 代码如下: <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <script src="jquery.js"></script> <script type="text/javascript"> $(function(){ var divArea = $(".drop
项目要求如图所示:
代码:
代码如下:
<!DOCTYPE html>
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<script src="jquery.js"></script>
<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>
是不是很简单呢,有相同需求的小伙伴们自己参考下吧,这里给出的仅仅是个简单示例,要用到项目中还需要小伙伴们自己加点料。
有用 | 无用
代码:
代码如下:
<!DOCTYPE html>
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<script src="jquery.js"></script>
<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>
是不是很简单呢,有相同需求的小伙伴们自己参考下吧,这里给出的仅仅是个简单示例,要用到项目中还需要小伙伴们自己加点料。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery+php实现搜索框自动提示
- Javascript前端UI框架Kit使用指南之kitjs事件管理
- Javascript前端UI框架Kit使用指南之kitjs的对话框组件
- Javascript前端UI框架Kit使用指南之Kitjs简介
- 非jQuery实现照片散落桌子上,单击放大的LightBox效果
- 开源的javascript项目Kissy介绍
- jquery 操作css样式、位置、尺寸方法汇总
- javascript基本类型详解
- javascript中数组array及string的方法总结
- 20条学习javascript的编程规范的建议
- 20个实用的JavaScript技巧分享
- js获取浏览器基本信息大全
- jQuery实现多按钮单击变色
- jQuery的ready方法详解
- javascript 面向对象封装与继承
- javascript制作坦克大战全纪录(2)
- javascript制作坦克大战全纪录(1)
- 使用jsonp完美解决跨域问题
- JavaScript变量声明详解