如何在用户脚本中使用 .removeClass() [重复]

Question

我正在尝试使用 Violentmonkey 和 jQuery 从单个 div 中删除 hide 类。我的用户脚本没有做任何事情，我不知道为什么。

已经试过了：

• 添加// @grant GM_addStyle
• 使用以下选择器：$("expand_collapse.hide")、$("div.expand_collapse")、$(".expand_collapse")
• 使用 Tampermonkey
• 使用@require https://code.jquery.com/jquery-3.4.1.min.js 获取jQuery

这是 div：

<div class="expand_collapse hide">
  <a href="javascript:" id="expand_all">
        Expand
  </a>
  <a href="javascript:" id="collapse_all">
        Collapse
  </a>
</div>

这是我的用户脚本：

// ==UserScript==
// @name unhide
// @match https://example/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
// ==/UserScript==

$("div.expand_collapse.hide").removeClass("hide");

当我使用 Chrome 检查器手动删除 hide 类时，展开和折叠链接会出现并按预期工作。我想用userscript 达到同样的效果，但它不起作用。

Answer 1

感谢 cmets 中的人，我发现我尝试修改的内容是动态添加的，因此当我的用户脚本触发时它还不存在。按照Archer's 的建议，我用setTimeout() 添加了3 秒的延迟，效果很好。这是工作用户脚本：

// ==UserScript==
// @name unhide
// @match https://example.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js

// ==/UserScript==

setTimeout( function() {
  $("div.expand_collapse.hide").removeClass("hide");
}, 3000 )

如果有替代/更优雅/更好的解决方案，我会很高兴了解它。谢谢！

编辑：charlietfl 建议在div 出现后使用更短的时间（比我必须使用setTimeout() 的时间）和clearInterval()。这导致链接出现得更快。代码如下：

var i = $("div.expand_collapse.hide").length;

var myInterval = setInterval(unhide, 250);

function unhide () {
  $("div.expand_collapse.hide").removeClass("hide");
}

if (i != 0) {
  clearInterval(myInterval);
};