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