在 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>
標簽賦值。