簡體   English   中英

根據值隱藏表格行

[英]Hide a table row depending on value

我正在使用PHP從數據庫中提取信息。 該代碼從數據庫中提取時間和日期,然后檢查該日期是否過去。

該表中填充了來自數據庫的時間,並且根據日期是否過去來填充“是”或“否”。

我希望能夠隱藏所有返回“否”的行。

我已經嘗試了以下方法,但似乎無法使其正常工作。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">$("#results table tbody tr td").filter(function() {
return $(this).text() === "No";
}).parent().hide();</script>

代替

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
$("#results table tbody tr td").filter(function() {
    return $(this).text() === "No";
}).parent().hide();
</script>

您應該有兩個腳本標簽:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
    $("#results table tbody tr td").filter(function() {
        return $(this).text() === "No";
    }).parent().hide();
});
</script>

如果script具有src屬性,則不執行其內容。 另外,如果腳本位於<head>中,則可能需要將代碼包裝到DOMContentLoaded塊$(function() { ... })中。

您在jquery script添加了javascript代碼,為此您需要另一個script

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
    </script>
    <script type="text/javascript">
   $( document ).ready(function() {
    $("#results table tbody tr td").filter(function() {
    return $(this).text() === "No";
    }).parent().hide();
  });
    </script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM