Jquery 按类隐藏元素 - Jquery hide element by class

Jquery hide element by class

本文关键字：元素隐藏 Jquery | 更新日期: 2023-09-27

Jquery：

$("#pending").click(function()
{
    $(".pending").hide();
});

HTML/PHP：

<span style="font-size:2em;display:inline;position:relative;top:-30px;color:#484848;">Filter :<p id="pending" style="display:inline">Open</p><p id="wait" style="display:inline">Behandeling</p><p id="done" style="display:inline">Voltooid</p></span>
  <?php
  echo "<td>
            <div class='pending'>
             <form method='post' action='callstep.php'>
               <input type='hidden' name='id' value='$row[0]'>
               <input type='submit' value='Reply' class='small alert button'/>
             </form>
            </div>
       </td>";
   ?>

上面的代码不起作用。click函数有效，但$(".pending").hide();无效。（我用测试alert替换了它。

有人有想法吗？！

$(".pending").click(function(){
    $(this).hide();
});

$(".pending").click(function(){
    $(".pending").hide();
    });

没有任何 Id 属性具有名称#pending

您正在调用一个名为"#pending"的 id，用户应该单击该 id，以使该类挂起隐藏。我只是在您的代码中看不到 #pending。尝试： <div id="pending" class="pending">

如果单击功能有效，代码对我来说看起来不错，

检查是否有任何其他脚本使.pending再次可见？

还要检查.pending的 css 是否有display:block !important;或类似的东西。

还要确保页面中没有多个#pending元素