Javascript 如何让jQuery代码在相同的html元素上工作？

我想对所有div元素使用一个jQuery代码，类为

TextWrapper

，但我不确定如何做到这一点。jQuery代码在两个不同的div之间闪烁，字符串为“

Text

”和“

MoreText

”。但是我使用的代码只对第一个元素有效，而不是顺序元素。我只能通过复制jQuery代码和编辑

.TextWrapper

标题来让它工作，但如果知道有一个速记，那么这样做会很乏味，而且会重复

这是我的jQuery代码；第二个函数是第一个函数的副本，除了

.TextWrapper

标题中的更改：

$(function(){
    $(".TextWrapper div:gt(0)").hide();
    setInterval(function(){
        var current = $('.TextWrapper div:visible');
        var next = current.next().length ? current.next() : $('.TextWrapper div:eq(0)');
        current.fadeOut(500);
        next.fadeIn(500);
    }, 1000);
});  

$(function(){
    $(".TextWrapper2 div:gt(0)").hide();
    setInterval(function(){
        var current = $('.TextWrapper2 div:visible');
        var next = current.next().length ? current.next() : $('.TextWrapper2 div:eq(0)');
        current.fadeOut(500);
        next.fadeIn(500);
    }, 1000);
});  

如何将这段代码缩短为一段jQuery代码，以便它可以用相同的代码处理所有html元素？我还添加了我的html和css，谢谢你的帮助

$（函数（）{
“严格使用”；
$（“.TextWrapper div:gt（0）”）.hide（）；
setInterval（函数（）{
var current=$（'.TextWrapper div:visible'）；
var next=current.next（）.length？current.next（）：$（'.TextWrapper div:eq（0）'）；
电流衰减（500）；
其次，法登（500）；
}, 1000);
});
.Border{
边框：1px纯黑；
显示：内联flex；
高度：110px；
}
.Img{
宽度：75px；
高度：75px；
}
.TextWrapper{
字体系列：Helvetica；
字体大小：13px；
填充物：5px 5px 5px；
位置：相对位置；
文本对齐：居中；
}
.TextWrapper分区{
位置：绝对位置；
文本对齐：居中；
左：0；
右：0；
}

正文
更多文本
正文
更多文本
您可以在一个查询中使用多个jQuery选择器：
$（“.TextWrapper div:gt（0），.TextWrapper div:gt（0）”）
您可以在一个查询中使用多个jQuery选择器：
$（“.TextWrapper div:gt（0），.TextWrapper div:gt（0）”
试试这个：您只为一个
TextWrapper
div运行代码。用户
。每个（）将逐一考虑所有的代码> TXTWRAPER < /代码> div。请参阅下面的代码


$（函数（）{
“严格使用”；
$（“.TextWrapper div:gt（0）”）.hide（）；
setInterval（函数（）{
$（'.TextWrapper'）。每个（函数（）{
var current=$（this.find（'div:visible'）；
var next=current.next（）.length？current.next（）：$（this.find（'div:first'）；
电流衰减（500）；
其次，法登（500）；
});
}, 1000);
});
.Border{
边框：1px纯黑；
显示：内联flex；
高度：110px；
}
.Img{
宽度：75px；
高度：75px；
}
.TextWrapper{
字体系列：Helvetica；
字体大小：13px；
填充物：5px 5px 5px；
位置：相对位置；
文本对齐：居中；
}
.TextWrapper分区{
位置：绝对位置；
文本对齐：居中；
左：0；
右：0；
}

正文
更多文本
正文
更多文本
<代码> > p>尝试：您只运行一个代码> TXTWRAPPER < /COD> DIVE用户>代码>。请参阅下面的代码


$（函数（）{
“严格使用”；
$（“.TextWrapper div:gt（0）”）.hide（）；
setInterval（函数（）{
$（'.TextWrapper'）。每个（函数（）{
var current=$（this.find（'div:visible'）；
var next=current.next（）.length？current.next（）：$（this.find（'div:first'）；
电流衰减（500）；
其次，法登（500）；
});
}, 1000);
});
.Border{
边框：1px纯黑；
显示：内联flex；
高度：110px；
}
.Img{
宽度：75px；
高度：75px；
}
.TextWrapper{
字体系列：Helvetica；
字体大小：13px；
填充物：5px 5px 5px；
位置：相对位置；
文本对齐：居中；
}
.TextWrapper分区{
位置：绝对位置；
文本对齐：居中；
左：0；
右：0；
}

正文
更多文本
正文
更多文本
是的，这正是我所需要的——一个带有each（）方法的函数。我只是对如何在代码中实现这一点感到非常困惑。非常感谢你，你是个救生员！！很高兴帮助您：）是的，这正是我所需要的——一个带有each（）方法的函数。我只是对如何在代码中实现这一点感到非常困惑。非常感谢你，你是个救生员！！很高兴帮助你：）