jquery

Question

jquery - 检查 .class 是否存在于站点或特定 #id 处，然后将 .class 添加到特定 #id

大家好，

我知道，关于类似问题有很多主题（30586451、27947009，...），但我在 js 中尝试了至少 15 个代码片段，其中 jQuery 和 none似乎对我有用，而其他脚本在同一页面上工作正常。

我目前正在使用 Hugo 服务器编写一个静态站点，无论我尝试什么，我都无法获得必要的 .class 来自动添加到某个 #id。只有在当前可见的站点元素上存在另一个 .class 时才会发生这种情况。该页面是一个页面，它基于导航动态显示和隐藏内容而无需重新加载，但不同的锚点被推入 url （也尝试收听但无济于事）。它由 .md、.toml 和 .html 位组成。

我可以在 src 代码中看到触发器 class（在 html 标记和正文中的某处尝试过）并且脚本也是如此（旧的和最近的 jquery /之前）

有什么想法吗？谢谢！

<script type="text/javascript">
jQuery(document).ready(function() {
if($('classA').attr('id') == 'idB') 
{
$('idC').addClass('classD');
} 
});
</script>

Answer 1

您需要 . 在 class 之前，# 在选择器的 ID 之前。

您可以创建一个同时搜索 class 和 ID 的选择器：#idB.classA

jQuery(document).ready(function() {
  if ($('#idB.classA').length > 0) {
    $('#idC').addClass('classD');
  }
});

jquery - 检查是否存在 .class & 然后自动将 .class 添加到一页上的特定 #id

jquery - check, if .class is present & and then automatically add .class to specific #id on one page

html

javascript

conditional