如果第二个元素接收特定类，如何隐藏元素？

Question

例如我们有 2 个按钮

第一个按钮

<button class="arguments variation-one">Some text</button>

- 此按钮具有动态类，例如：变化一、变化二、变化三，但类 .arguments 是静态的。

和第二个按钮

<button class="simple">Other text</button>

如果第一个按钮接收类 .variation-two 且没有单击事件，我必须隐藏第二个按钮。如果可能的话，可以使用 js、jQuery，甚至 css。请帮助我。

我在这个论坛上发现类似的问题，解决方案是这个脚本

$(document).ready(function() {
    var $redTags = $('.lt-label');
    if($redTags.hasClass(".lt-offline") {
        $("#l-b-wrapper").hide();
    }
}

我试图解释它以适合我的任务，但对我来说没有任何作用

Answer 1

如果第一个按钮具有

variation-one

类，这将隐藏第二个按钮。

$(function() {
  $(".simple").toggle(!$(".arguments").hasClass("variation-one"))
});

请注意，它在页面首次加载时运行。如果您想在第一个按钮的类更改时动态隐藏和显示第二个按钮，则需要在每次更改时运行代码。可以将其放入一个命名函数中，您可以从更改第一个按钮类的所有位置调用该函数，或者使用

MutationObserver

自动检测更改。