我想获取图片集合的当前显示图片的索引，想问问使用jQuery怎么获取

问题遇到的现象和发生背景

我想获取图片集合的当前显示图片的索引，想问问使用jQuery怎么获取，我想找到当前索引的index值，但是总是输入-1 0 ，为什么index++不能实现

问题相关代码，请勿粘贴截图

// 获取img集合
                var $imgs = $('.imgs img');
                $leftBut.click(function(){
                    nextPage(false);
                })
                $rightBut.click(function(){
                    nextPage(true);
                })
                // 传入一个形参，来确定是否是下一张
                // 记录一个变量用来保存当前显示的索引
                var currentIndex = 0;
                function nextPage(next){
                    var index = $imgs.find('img').index();
                    console.log(index)
                    if(next){
                        index++
                        // var index = $imgs.length ? 0:index++;
                        console.log(index)
                        // currentIndex = index;
                    }else{
                    }
                }

运行结果及报错内容

我的解答思路和尝试过的方法

我尝试过使用遍历，但是我不能获得当前的索引值，$(this).index

我想要达到的结果

我想获取图片集合的当前显示图片的索引，想问问使用jQuery怎么获取

var currentIndex = 0;
function nextPage(next){
if(next){
index++
console.log(index)//1
currentIndex = index;
}else{
}
}
我直接使用index方法获取的话输出一直为0 1 ，为什么不能继续加呢 是因为什么问题，求解决

find使用有点问题吧查看下
var ages = [3, 10, 18, 20];

function checkAdult(age) {
return age >= 18;
}

function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}