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>
是不是很簡單呢,有相同需求的小伙伴們自己參考下吧,這里給出的僅僅是個簡單示例,要用到項目中還需要小伙伴們自己加點料。
相關(guān)文章
小程序識別身份證,銀行卡,營業(yè)執(zhí)照,駕照的實現(xiàn)
這篇文章主要介紹了小程序識別身份證,銀行卡,營業(yè)執(zhí)照,駕照的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11boostrapTable的refresh和refreshOptions區(qū)別淺析
在使用bootstrapTable時,刷新數(shù)據(jù)有兩個方法refresh、refreshOptions,在其用法上有點區(qū)別,接下來通過本文給大家分享boostrapTable的refresh和refreshOptions的區(qū)別,需要的朋友可以參考下2017-01-01微信小程序canvas.drawImage完全顯示圖片問題的解決
這篇文章主要介紹了微信小程序canvas.drawImage完全顯示圖片問題的解決,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11詳解JavaScript中Promise的原理與應(yīng)用
Promise是JavaScript中的一個重要概念,也是現(xiàn)代JavaScript開發(fā)中必不可少的一部分,本文主要介紹了Promise的實現(xiàn)原理、使用方法及常見應(yīng)用場景,需要的可以收藏一下2023-06-06一個簡單但常用的javascript表格樣式_鼠標(biāo)劃過行變色 簡潔實現(xiàn)
經(jīng)常性的會需要使用表格顯示一些東西,當(dāng)表格比較大的時候一眼望去腦袋可能會有些暈,經(jīng)常性的因為沒看準(zhǔn)行而出現(xiàn)誤操作,一般解決辦法是交替行變行或者鼠標(biāo)劃過行變色2008-09-09JS實現(xiàn)帶關(guān)閉功能的阿里媽媽網(wǎng)站頂部滑出banner工具條代碼
這篇文章主要介紹了JS實現(xiàn)帶關(guān)閉功能的阿里媽媽網(wǎng)站頂部滑出banner工具條代碼,可實現(xiàn)頂部banner窗口的浮動顯示及關(guān)閉隱藏功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09