隱藏具有過期內容的表行

Question

假設我使用表格顯示計划的內容，並且希望行的日期過去后消失。

Row 1 has Table title
Row 2 has Date A
Row 3 has Scheduled content A1
Row 4 has Scheduled content A2
Row 5 has Date B
Row 6 has Scheduled content B1
Row 7 has Scheduled content B2
Row 5 has Date C
Row 6 has Scheduled content C1
Row 7 has Scheduled content C2
etc.

在日期A通過之后，我希望第2-4行消失/被隱藏。

我在自願的基礎上創建此網站，沒有其他人可以提供幫助。 我每天都會刪除過期的行，但是我正在休假，並且將在兩周內被拔掉電源。

我沒有任何示例代碼，我是菜鳥。 如果您是說我的html代碼，那只是一個簡單的表。

抱歉，Jakub未能盡快答復（ https://stackoverflow.com/users/158014/jakub ）。 我昨天做完最后一次編輯后，立即帶着女兒在ER醫院度過了12個多小時。 我將回來並盡快修復該帖子以使其符合Stackoverflow標准。

Answer 1

您可以使用jQuery庫在某些日期隱藏網站的某些部分。 您外出時，應該可以解決這種情況。

首先加載jQuery，將其添加到您網站的頭部：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

然后，您的表格在body部分中：

然后，在body標記的末尾附近，創建一個用於根據日期隱藏內容的規則：

<script type="text/javascript">

var now = new Date();
var futuretime1 = new Date("April 10, 2013");
if(now > futuretime1)
 {
 $("#div").hide();
 }
</script>

當日期經過“ futuretime1”時，這將隱藏#div。 您也可以使用jQuery選擇器來選擇適當的表行。

希望這可以幫助。