javascript - 一个关于淘宝的物流跟踪页小问题-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - 一个关于淘宝的物流跟踪页小问题

大家讲道理 2017-04-11 12:04:27

598

我想做一个邮件跟踪的页面。类似淘宝的物流跟踪

问题：跟踪页面里所有日期一致的条目，只显示一条日期信息，html结构如下

   2016-06-06 周六 11:45:23 你的订单待配货 
  2016-06-06 周六 11:45:23 您的包裹已出库 
  2016-06-06 周六 11:45:23 你的订单待配货 
  2016-06-06 周六 11:45:23 【重庆市】申通快递 重庆市公司收件员 已揽件 
  2016-06-01 周一 11:45:23 【重庆市】重庆转运中心 已发出 
  2016-06-01 周一 11:45:23 【重庆市】快件已到达 重庆转运中心 
  2016-06-01 周一 11:45:23 到达目的地网点重庆渝中区杨家坪公司石坪桥分部

我猜想的原理是判断同一个日期然后为同一个日期除第一条外剩下的都添加一个hide的class，，想了很久没有思路。

大家讲道理

光阴似箭催人老，日月如移越少年。

reply all (2)

黄舟2017-04-11 12:06:27 2 floor

var last; $('.track-list li').each(function(){ var $this = $(this); var $date = $this.find('.date'); var $week = $this.find('.week'); var date = $date.text(); if (last == date) { $date.addClass('hide'); $week.addClass('hide'); } last = date; })

Like+0

Add Reply

Peter_Zhu2017-04-11 12:06:27 1 floor

如果数据结构合理的话就很简单了

{ "package-status": [ { "date":"2016-06-06", "week":"周六", "detail": [ { "time":"11:45:23", "text":"你的订单待配货" }, { "time":"11:45:23", "text":"您的包裹已出库" } ] }, { "date":"2016-06-01", "week":"周一", "detail": [ { "time":"11:45:23", "text":"达目的地网点重庆渝中区杨家坪公司石坪桥分部" } ] } ] }

现在有思路了么

Like+0

Add Reply