Javascript 在jQuery中启用和禁用基于偶数的Span类

我有一个span类，它应该在一开始就隐藏起来，并且在事件发生后可见

<span class="badge badge-xs badge-danger">2</span>

2

我需要它发生在以下代码上：

<script>
$(document).on("DOMSubtreeModified", "#history", function () {
    //add code to make span class visible
});
</script>

$（document）.on（“domsubtreemedited”，“#history”，函数（）{
//添加代码以使span类可见
});

我需要的是将类隐藏在页面加载中，并在段落中的#history id发生更改后使其可见

通过jQuery，您可以使用

.show（）

和

.hide（）

$("span.badge").hide(); // or make it hidden in css by default

$(document).on("DOMSubtreeModified", "#history", function () {
    $("span.badge").show();
});

属性
disabled
仅用于输入类型字段，例如，在无法输入的文本字段中。但是在一个范围内，它没有效果，因为默认情况下您不能输入任何内容。
对于自定义事件，您有两个选项：

与观察者合作。您有一个订户和一个通知程序

function Observer(){
    var subscriber = [];
    return{
        addSubscriber: function(func){
            subscriber.push(func);
        },
        notify: function(){
            for(var i = 0; i < subscriber.length; i++){
                subscriber[i]();            
            }
        }
    }
}

var observer = new Observer();

function calledOnEvent(){
    $(element).hide();
}

observer.addSubscriber(calledOnEvent);

function createTheEvent(){
    //Logic
    observer.notify();
}


在纯Javascript中，对customEvent的支持不是很好。jQuery对此有一个包装。trigger（）：
要显示和隐藏吗？或者启用和禁用了？不能禁用或启用范围。你说的是使它可见/不可见吗？你通常禁用表单元素，启用/禁用范围的确切含义是什么。也许你想给它一个“残疾”的外观？或者使文本不可选择？我尝试：$（“span.badge”）.prop（'disabled'，true）$（document）.on（“domsubtreemedited”，“#history”，function（）{$（“span.badge”）.prop（'disabled'，false）；}）；您希望从“禁用”范围中得到什么行为？谢谢..我知道DOMSubtreeModified事件已被弃用。但是作为一个新手，我不明白如何在我的代码中使用变异观察员？？
document.addEventListener('event', aFunction);

function createAEvent(){
    var event = new Event('event');
    document.dispatchEvent(event);
}