js使用forEach循环报错is not a function

报错代码如下：<script type="text/javascript">var imgs = $(".news_con").find('img');imgs.forEach(function (e) {e.src = e.src.replace('customer', '');});</script>我想修改所选择的所有图片的路径，结果报错：...

榆落同学

23903人浏览 · 2021-04-30 16:57:08

榆落同学 · 2021-04-30 16:57:08 发布

报错代码：

<script type="text/javascript">
	 var imgs = $(".news_con").find('img');
	 imgs.forEach(function (e) {
		 e.src = e.src.replace('customer', '');
	 });
 </script>

我想修改所选图片的路径，结果报错：

原因：

将获取的集合打印出来，可以看到是一个类数组对象，无法遍历

解决方案：

使用Array.from()可以将类数组对象转换成真正的数组，修改后代码如下
 <script type="text/javascript">
	 var imgs = $(".news_con").find('img');
	 imgs = Array.from(imgs);
	 imgs.forEach(function (e) {
		 e.src = e.src.replace('customer', '');
	 });
 </script>