根据值隐藏表格行

时间:2014-03-13 18:10:00

标签: javascript php

我正在使用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>

2 个答案:

答案 0 :(得分:1)

而不是

<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属性,则不会执行其内容。如果脚本位于$(function() { ... }),您可能还需要将代码包装到DOMContentLoaded块<head>中。

答案 1 :(得分:0)

您在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>