javascript - PHP 脚本 JQuery 获取错误数量的元素

Question

我一直在使用 JQuery 根据登录状态显示/隐藏元素，但是我遇到了一些意外的结果，代码如下:

<script>
    $(document).ready(function(){
        $("#uploadform").hide();
    });
</script>

如果用户未登录，这将隐藏表单。

    <h2 id="needlogon"> You need to be logged in </h2>
    <a id="needlogon" href="index.php"> Back to start </a>

仅当用户未登录时才会显示这些内容

<?php
if (isset($_SESSION['cid'])){
   echo '<script>
           $(document).ready(function(){
           $("#uploadform").show();
           $("needlogon").hide();
           });
         </script>';
}
?>

上传表单按预期显示/隐藏，但设置条件 ($_SESSION['cid']) 时，不会隐藏 needlogon 元素。它起作用的唯一方法是，如果我将元素的 ID 更改为 needlogon1 和 needlogon2，并将 JQuery 更改为:

<?php
if (isset($_SESSION['cid'])){
   echo '<script>
           $(document).ready(function(){
           $("#uploadform").show();
           $("#needlogon1").hide();
           $("#needlogon2").hide();
           });
         </script>';
}
?>

我确信我只是错过了一些愚蠢的东西，有人知道它是什么吗？

Answer 1

对于初学者来说，您的 jQuery 选择器已关闭:

// $("needlogon").hide();
$("#needlogon").hide(); // you forgot the #

话虽如此，您正在使用一个 ID——它应该是唯一的。您可能希望将 needlogin 的两种用法更改为 class 而不是 id，然后您的选择器将是 .needlogon 像这样:

$(".needlogon").hide();