在 jQuery 中给<span>
标签赋图片其实非常简单。我们可以使用html()
方法来替换<span>
标签的内容为一个包含图片路径的字符串。
$(span).html(<img src="path/to/image.jpg">);
如果我们在页面中有多个<span>
标签都需要赋图片,我们可以使用each()
方法将其循环遍历,然后为每个<span>
标签赋不同的图片路径。
$(span).each(function(index) {var imgPath = path/to/image- + (index + 1) + .jpg;$(this).html(<img src=" + imgPath + ">);});
在上面的代码中,我们使用了each()
方法来遍历所有的<span>
标签,并使用变量index
来设置不同图片的名称。最后我们将图片路径和<img>
标签放到html()
方法中来给每个<span>
标签赋值。