检查html块是否与以前相同

Question

我有一个html代码块

    <div class="cities-data p-3">
        <div class="row my-3 justify-content-center align-items-center mx-3">
            <div class="modal-sec"></div>
        </div>
    </div>

我想知道在对它做了一些修改之后，它是否和以前一样。我如何在javascript中做到这一点呢？我已经尝试过了：

let citiesData = $('.cities-data')
let citiesDataDefaultHtml = '<div class="row my-3 justify-content-center align-items-center mx-3"><div class="modal-sec"></div>'

if (citiesData.html() === citiesDataDefaultHtml){
    console.log('success')
    mainSection.find('main-body').addClass('move-down')
}

Answer 1

我使用了以下代码

    if (citiesData.prop('outerHTML') === citiesDataDefaultHtml){
        mainSection.find('.main-body').removeClass('move-up').addClass('move-down')
        mainSection.find('.new-line-btn').addClass('d-none')
        mainSection.find('.new-line-row').addClass('d-none')
    }