Javascript 使用find触发具有自己id的类

我使用一个航路点来触发特定元素。下面的div元素都有相同的类，所以我尝试触发id，然后

查找
元素的类，然后是'addClass（'fadeDisplay'）

起初，我试图为它创建一个函数来减少代码，但一旦我无法使用“$（this）
，我就试图通过编写每个特定元素来实现，比如这样的“
$”（“#section 3-box-img1”）

我的类没有添加，航路点元素在正确的位置发射

有人知道我做错了什么吗

<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');
}


变量section3img=$（'.section3框img'）；
$（'#Section 3-box-img1'）。航路点（函数（）{
//第3节（f）；
$（'#section3-box-img1'）.find（section3img）.addClass（'fadeDisplay'）；
}, {
抵销：“75%”
});
功能部分3fade（）{
$（this）.find（'.section3 box img'）.addClass（'fadeDisplay'）；
}
尝试使用“this”关键字。大概是这样的：

<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() {
    $(this).addClass('fadeDisplay');
}, {
    offset: '75%'
});


变量section3img=$（'.section3框img'）；
$（'#Section 3-box-img1'）。航路点（函数（）{
$（this.addClass（'fadeDisplay'）；
}, {
抵销：“75%”
});
尝试使用“this”关键字。大概是这样的：

<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() {
    $(this).addClass('fadeDisplay');
}, {
    offset: '75%'
});


变量section3img=$（'.section3框img'）；
$（'#Section 3-box-img1'）。航路点（函数（）{
$（this.addClass（'fadeDisplay'）；
}, {
抵销：“75%”
});
刚刚删除了查找功能。（如果您使用的是id，我不知道您为什么要查找该类）。试试下面的方法

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

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

刚刚删除了find函数。（如果您使用的是id，我不知道您为什么要查找该类）。试试下面的方法

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

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