js腳本實現(xiàn)數(shù)據(jù)去重
更新時間：2014年11月27日 08:54:54 投稿：hebedich
最近在一個項目中，需要去除掉重復(fù)的數(shù)據(jù)，之前都是在后臺實現(xiàn)，現(xiàn)在客戶需求是在前臺去重，于是就想到了javascript腳本。
項目要求如圖所示：
代碼：
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html xmlns=" <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>原先數(shù)據(jù)</div>
<div>
<span>張三</span>
<span>李四</span>
<span>王五</span>
<span>張三</span>
<span>王五</span>
</div>
<br/>
<div>數(shù)據(jù)去重</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>
是不是很簡單呢，有相同需求的小伙伴們自己參考下吧，這里給出的僅僅是個簡單示例，要用到項目中還需要小伙伴們自己加點(diǎn)料。
相關(guān)文章
這篇文章介紹了js判定是否原生方法，有需要的朋友可以參考一下2013-07-07
本文通過實例代碼給大家介紹了js開發(fā)中微信小程序自定義底部彈出框效果，非常不錯，具有參考借鑒價值，需要的朋友參考下2016-12-12
在Threejs中類似于我們現(xiàn)實世界,物體顯示的顏色是由物體本身的顏色及光照的顏色相互疊加而得到的,這篇文章主要給大家介紹了關(guān)于threejs太陽光與陰影效果的相關(guān)資料,需要的朋友可以參考下2022-04-04
相信很多同仁做的系統(tǒng)后到都是用frameset或iframe來加載不同頁面的，不可不知道大家有沒有注意到，當(dāng)frame框架中的頁面已經(jīng)加載完成后，可是ie瀏覽器的狀態(tài)欄還會一直顯示一個正在加載的狀態(tài)。2010-12-12
ES6基礎(chǔ)之?dāng)?shù)組和對象的拓展實例詳解
這篇文章主要介紹了ES6基礎(chǔ)之?dāng)?shù)組和對象的拓展,結(jié)合實例形式詳細(xì)分析了ES6數(shù)組和對象拓展運(yùn)算符、拓展方法的使用及相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)帶積分彈球小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要是對獲得Javascript對象屬性個數(shù)的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JavaScript深入V8引擎以及編寫優(yōu)化代碼的5個技巧
這篇文章主要介紹了JavaScript深入V8引擎以及編寫優(yōu)化代碼的5個技巧,JavaScript引擎是執(zhí)行 JavaScript 代碼的程序或解釋器。JavaScript引擎可以實現(xiàn)為標(biāo)準(zhǔn)解釋器，或者以某種形式將JavaScript編譯為字節(jié)碼的即時編譯器。,需要的朋友可以參考下2019-06-06
TypeScript中yield和Generator的使用指南
本文主要介紹了TypeScript中Generator與yield的用法,涵蓋其語法、類型定義、典型應(yīng)用場景及注意事項,具有一定的參考價值,感興趣的可以來了解一下2025-08-08
這篇文章主要介紹了微信小程序自定義純凈模態(tài)框（彈出框）的實例代碼,代碼簡答易懂，非常不錯，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03