Jquery 如何获得每个滑动元件的宽度

如何获得每个滑动元件的宽度

这是我的代码：

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">First Box</div>
        <div class="swiper-slide">Second Box</div>
        <div class="swiper-slide">Third Box</div>
        <div class="swiper-slide">Forth Box</div>
    </div>
</div>
<script>
$(document).ready(function () {
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        setWrapperSize: true,
        freeMode: true
    });
});
</script>

第一箱
第二箱
第三个盒子
第四箱
$（文档）.ready（函数（）{
var swiper=新的swiper（“.swiper容器”{
SlideService视图：“自动”，
setWrapperSize:true，
自由模式：正确
});
});

您可以使用来分别选择每个元素。以下是我认为您所要求的演示：

$（'changeWidth'）。在（'click'，函数（）{
$（'.swiper-slide'）。等式（0）。宽度（65）；
$（'.swiper-slide'）。等式（1）。宽度（150）；
$（'.swiper-slide'）。等式（2）。宽度（250）；
$（'.swiper-slide'）.eq（3）.宽度（350）；
console.log（$（'.swiper slide'）.eq（0.width（））；
console.log（$（'.swiper slide'）.eq（1.width（））；
console.log（$（'.swiper slide'）.eq（2.width（））；
console.log（$（'.swiper slide'）.eq（3.width（））；
});
.swiper幻灯片{
宽度：50px；
边框样式：实心；
}

第一箱
第二箱
第三个盒子
第四箱
改变宽度
$（'.swiper slide'）.each（function（）{$（this.width（）；}）
@techLove谢谢你，但我认为这会给我一个百分比，而不是px，我是对的？@AhmedMohamed“.css（width）和.width（）之间的区别是后者返回的像素值少了一个单位（例如，400），而前者返回的是一个单位完整的值（例如，400px）。当需要在数学计算中使用元素的宽度时，建议使用.width（）方法。“不，它在px中。请参阅。还有innerWidth（）和outerWidth（）之类的函数。@Ethilium非常感谢您，techLove也非常感谢您，但您的代码可以为每个滑动滑梯添加特定的宽度，如下所示$（'.swiper-slide'）.each（function（）{$（this）.width（150）；}）但是我想得到每个swiper-slide的宽度，希望您理解我的意思。