如果另一个元素具有特定的类，jQuery 会更改元素的文本

Question

如果另一个元素具有类，我正在尝试更改元素的文本值，但我当前所做的没有显示任何结果。

$(document).ready(function () {
    $('#number').text('00');

    setTimeout(function () {
        $('#test').removeClass('initial-number').addClass('change-number');
    }, 500);
});

$(document).change(function () {
    if ($('#test').hasClass('change-number') === true) {
        $('#number').text('10');
    };
});

#test {
  height: 2em;
  width: 2em;
}

.initial-number {
  background: blue;
}

.change-number {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span id="number"></span>
<div class="initial-number" id="test"></div>

Answer 1

document 没有 change 事件；这仅适用于表单字段元素。

您可以使用mutation observers为此，请注意相关元素属性的变化。它们在现代浏览器上得到了很好的支持；在不太现代的浏览器上，您可以使用旧的突变事件找到一个填充。在非常旧的浏览器上，您必须进行轮询。