javascript - 使用find触发具有其自身ID的类

我正在使用航路点触发特定元素。所有下面的div元素都具有相同的类，因此我尝试先触发ID，然后依次触发find元素的类和'addClass（'fadeDisplay'）。

最初，我尝试为其创建函数以减少代码，但是一旦我无法获得'$（this）to work with it, I attempted to do it by writing each specific element, like this $（'＃section3-box-img1'）`。

我的课程未添加，并且Waypoint元素在正确的位置触发。

有人看到我在做什么错吗？

<div class="section3-box-img" id="section3-box-img1"></div>
<div class="section3-box-img" id="section3-box-img2"></div>
<div class="section3-box-img" id="section3-box-img3"></div>

var section3img = $('.section3-box-img');
$('#section3-box-img1').waypoint(function() {
//section3Fade();
    $('#section3-box-img1').find(section3img).addClass('fadeDisplay');
}, {
    offset: '75%'
});
function section3Fade() {
    $(this).find('.section3-box-img').addClass('fadeDisplay');
}

最佳答案

刚刚删除了查找功能。 （我不知道您为什么要使用id来查找班级）。尝试类似下面的内容。

$('#section3-box-img1').waypoint(function() {
//section3Fade();
    $('#section3-box-img1').addClass('fadeDisplay');
}, {
    offset: '75%'
});

function section3Fade() {
    $(this).addClass('fadeDisplay');
}