jquery中each遍历的用法和场景

最新推荐文章于 2023-05-29 22:00:00 发布

空白_回忆

最新推荐文章于 2023-05-29 22:00:00 发布

阅读量491

点赞数

分类专栏： JavaScript 文章标签： html each jquery 前端 js

本文链接：https://blog.csdn.net/qq_26291823/article/details/80592283

版权

JavaScript 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

jquery中each遍历的用法和场景

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

使用场景和用法：

当要修改某种元素的属性的时候（按照逻辑来讲，元素属性需要一个一个修改）：
<ul class='test'>
	<li>
		<img src='xxxx' />
		<img src='xxxx' />
		<img src='xxxx' />
	</li>
	<li>
		<img src='xxxx' />
	</li>
</ul>
我们要给src的后缀加上'?a=1'，这时，就可以这样写：
$(".test img").each(function(){
	var old_img = $(this).attr('src');
	$(this).attr('src',old_img+'?a=1');
});
注意：这里的$(".test img")表示的是.test类的后代元素，$(".test>img")表示的才是.test类的子代元素