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