php - 根据 ID 添加 CSS 类

Question

我想知道如何使用 jQuery 将 CSS 类添加到基于链接中的 ID 的链接中。如果 if 语句为真，我不想将 CSS 类“active”添加到链接。并不是说我不想在声明为真时从链接中的类中删除“pFavorite”，我只是想添加 active，就像这样 class="pFavorite active" 我还没有加入 jQuery .我希望我的代码仍然能解释我想要实现的目标。

<?php
foreach($statement as $p)
{
    if(array_search($p['id'], explode(",", $_COOKIE['cookie'])))
    {
    ?>
    <script type="text/javascript">
        $("#<?php echo $p['id']; ?>", ".pFavorite").addClass("active");
    </script>
    <a href="#" class="pFavorite" id="<?php echo $p['id']; ?>">IMG HERE</a>
<?php 
    } 
}
?>

Answer 1

首先你的 jQuery 选择器是错误的，你的意思可能类似于

$("#<?php echo $p['id']; ?>.pFavorite").addClass("active");

以上将匹配具有特定 id 和 类 pFavorite 的元素，而您的原始选择器将匹配具有类 pFavorite 的所有元素，然后查找具有指定 id 的元素 在其中任何一个中，都找不到任何东西(因为目标元素是具有该类的元素之一，而不是后代)。

其次，您不需要类选择器，因为您已经在使用 id 选择器并且 id 应该是唯一的。这样就可以进一步简化为

$("#<?php echo $p['id']; ?>").addClass("active");

最后:当您在 PHP 端拥有所需的所有信息时，为什么要在使用 jQuery 加载页面之后设置类？你可以简单地做

if(array_search($p['id'], explode(",", $_COOKIE['cookie']))) {
    // Use htmlspecialchars for all HTML output; you may need to specify
    // additional parameters (see the function documentation)
    printf('<a href="#" class="active pFavorite" id="%s">IMG HERE</a>',
           htmlspecialchars($p['id']));
}