jQuery等待添加类然后添加类

时间:2017-09-28 22:26:59

标签: jquery class listener

我希望能够将一个类添加到div元素,但只有在将一个类添加到另一个元素之后。

将类“.added”添加到a.add_to_cart_button后,添加一个新类

<a class="lm-added-message"></a> 

称为'show'。

结果:

<a class="added_to_cart_button added"></a>

<a class="lm-added-message show"></a> 

我目前正在使用以下内容,但确实有效:

jQuery(document).on('DOMNodeInserted', function (e) {
    if (e.target.className == 'added') {
        jQuery(".lm-added-message").addClass("show");
    }
});

谢谢

1 个答案:

答案 0 :(得分:0)

正如你在这里看到的: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_events,您要搜索的活动可能是 DOMAttrModified https://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified

但是,变异事件已被弃用,因此建议将其替换为MutationObserver: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

您还必须检查className 是否包含,而是否等于,因为您还有另一个类。