如果所有图像都具有相同的宽度，请执行以下操作

Question

如果所有.cimg的宽度都相同，我想做点什么。

<img class='cimg' src='...' alt='img'>
<img class='cimg' src='...' alt='img'>
<img class='cimg' src='...' alt='img'>

js

let w = $.map($('.cimg'), (e) => $(e)[0].naturalWidth);  

结果-[960, 960, 960]

if(all elements of w are equal){do_something();}  // how to do this?

Answer 1

Set

您可以使用[...new Set()]从数组中获取所有唯一项，然后只需检查结果数组的length。如果长度为1，则所有宽度相同，否则不同：

let w = $.map($('.cimg'), (e) => $(e)[0].naturalWidth); 
w = [...new Set(w)]
if(w.length == 1){console.log('same');}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img class='cimg' src='...' alt='img'>
<img class='cimg' src='...' alt='img'>
<img class='cimg' src='...' alt='img'>