JQuery-JavaScript代码库-遍历篇—我耀学IT
// 假设我们有一个包含多个段落的HTML文档
// 使用jQuery遍历所有段落,并为它们添加一个类名
$(document).ready(function() {
$("p").each(function(index) {
$(this).addClass("paragraph-" + index);
});
});
这段代码首先确保文档已经加载完毕,然后使用jQuery的$("p").each()
方法遍历所有的段落元素。each
函数的回调中,this
指向当前遍历的DOM元素,index
是当前元素的索引。然后使用addClass
方法给每个段落添加一个类名,类名包括"paragraph-"前缀和其索引。这样可以根据索引给段落分配不同的样式或者其他处理。
评论已关闭