Javascript 比较父级中匹配文本的列表，将类添加到匹配文本，在页面上倍增

我想比较匹配文本的列表对，并添加一个类，其中每个列表对都匹配

一个HTML页面上有多个对，每一对都包含在父页面中

例如：

第一组 -项目1 -项目2 -项目3

第1项比赛 第2项比赛 项目Z不匹配 项目3比赛 第2组 -项目十 -项目Y -项目3

项目1不匹配 项目Y匹配 第4项不匹配 使用纯JavaScipt或jQuery，如何将forEach中的匹配限制为当前每个的子级

$(function(){
$( document ).bind( 'ready', function() {
    $( ".groups" ).children( ".compgroup" ).each( function() {

                    $('ul.t1 li').each(function(){
        var row=$(this).html();
        $('ul.t2 li').each(function(){
            if(row==$(this).html()) $(this).addClass('match');
        });
    });
    });
});

})

您正在使用$'ul.t1 li'。每个在$.groups.children.compgroup中的函数将循环ul元素两次。试试这个：

$(function(){
    $( document ).bind( 'ready', function() {
        $( ".groups > .compgroup" ).each( function() {
            var comGroupElem = $(this);
            comGroupElem.find('ul.t1 li').each(function(){
            var row=$(this).text().trim();
            comGroupElem.find('ul.t2 li').each(function(){
                if(row==$(this).text().trim()) $(this).addClass('match');
            });
        });
        });
    });
});

---

您好，您有您当前的示例代码吗？是的，刚刚发布了谢谢。请详细说明并添加更多描述，如与什么匹配。非常感谢。。。是否可以调整为文本而不是html，并添加修剪以允许随机空格？