Javascript 如何仅在找到匹配的数据值时将类添加到div？

如何获取当前div的数据值并在另一个div上找到匹配的数据值，然后仅当它们匹配时才向该div添加类。当函数再次运行时，将遇到不匹配的值。。我希望将该类保留在匹配的值上，然后一旦它找到另一个匹配项，就删除另一个类并将其分配给新的一对

以下内容在匹配时返回：

w.fn.init [div.year.year-0.filters__circle, prevObject: w.fn.init(1)]

当它在控制台中不匹配时：

w.fn.init [prevObject: w.fn.init(1)]

我不知道这意味着什么。。。 if语句只返回“它们不匹配” 任何帮助都会很棒

$slidesTimeline.on('afterChange', function (event, slick, currentSlide, nextSlide) {
        var _this = $(this);

        var navToHighlight = _this.find('.slide-timeline[data-slick-index="' + currentSlide + '"]').attr('data-year');
        var tests = _this.closest('.content-blocks--history_awards_inner').find(`[data-test='${navToHighlight}']`);
            
        console.log(tests);

        if(tests == navToHighlight) {
            console.log('they match');
        } else {
            console.log('they dont match');
        }

    });

编辑：

我添加了以下内容，当值匹配时，它就会工作。但当它找到另一个匹配项时，我想删除已分配给另一个值的类，然后将其分配给新的匹配项

tests.addClass('active');

---

你能让它运行吗？