无法影响具有相同类别的两个div中的项目

Question

我有2个具有相同类的div，我想在该容器div中的前2个或3个div中添加某个类。

问题是，我总是影响第一个div，但也不能影响第二个div（第二个div中的div）。

if ($('.uber-single').length) {
        $('.uber-single').each(function() {
            $('.uber-single .person:lt(3)').addClass('ntp');
        });
    }

Answer 1

在没有每个人的情况下尝试这个...

$('.uber-single').find('.person:lt(3)').addClass('ntp');

Answer 2

因为each内的选择器错误：

$('.uber-single').each(function() {
    $(this).find('.person:lt(3)').addClass('ntp');
});

Answer 3

这应该可以解决您的问题：

if ($('.uber-single').length) {
        $('.uber-single').each(function() {
            $(this).children('.person:lt(3)').each(function(){
                $(this).addClass('ntp');
            });
        });
    }