在Wordpress中将类添加到标记中

我只想将每个标记的名称添加为一个类，这样我就可以使用CSS分别针对每个标记。我对此做了广泛的搜索，大多数结果都是指将类放在正文或帖子上，或指向此处的方向

我相信我可以通过从本文中提取正确的信息来实现这一点，但我的php和wordpress知识有限，因此我无法确定如何做我特别需要的事情

例如

将变成

顺便说一句，这些标签是woocommerce中的产品标签，但我猜这没什么区别吧

试试下面的JS代码

这真的很神奇

<script>
$(document).ready(function() {
    $( "a" ).each(function( index ) {
        var tst = $(this).html();
        $( this ).addClass( tst );
    });
});
</script>

$（文档）.ready（函数（）{
$（“a”）。每个功能（索引）{
var tst=$（this.html（）；
$（此）.addClass（tst）；
});
});

此PHP应在不使用javascript的情况下添加它们

foreach (get_the_tags() as $tag) {
    echo "<a rel=\"tag\" href=\"\" class=\"" . $tag->name . "\">".$tag->name."</a> ";
}

foreach（将\u标记（）作为$tag获取）{
回声“；
}

使用jquery添加类..谢谢。我试着修改它，以适应我的标签所在的位置，但没有乐趣，我想我不会得到它<代码>$（文档）.ready（函数（）{$（“.tagged_as a”）.each（函数（索引）{var tst=$（this.html（）；$（this.addClass（tst）；}）；}）我已将该代码放在header.php中，对吗？

标记：这就是上面提到的html（woocommerce标记）和js。抱歉，这看起来真的很混乱，把它贴在这里的评论！！将javascript放在header.php文件中正确吗？根据我的标记，我的目标是正确的吗？是的。您可以输入header.php或footer.php。。只需将脚本中的“$”符号替换为“jQuery”，然后再试一次。这可能会对你有所帮助。嗯，那些“a”标签上仍然没有出现类。可能会有冲突或什么吗？谢谢你的回答：）我将把这个代码放在哪里？我在function.php文件中尝试了它，但什么都没有发生……您想在循环中显示标记的位置。对不起，我不明白这意味着什么：-/您是指在显示这些标记的php文件中，还是在functions.php中？在显示这些标记的php文件中。是否有一种简单的方法可以找出该文件是什么？我假设它在woocommerce文件夹中，因为它们是woocommerce标签。。。