JQuery是一個優秀的JavaScript庫,可以幫助我們方便地實現各種前端效果。在網頁中,經常需要在文字中嵌入圖片,而這時候我們可以使用jQuery來實現。下面介紹一種用jQuery設置標簽中的的方法。
$(function(){ var span = $('span'); //獲取所有<span>標簽 span.each(function(){ //遍歷每個<span>標簽 var imgSrc = $(this).data('img'); //獲取對應的圖片url $(this).html(''); //設置<span>中的內容為<img>標簽 }); });
以上代碼中,我們首先通過$()獲取所有的標簽,然后通過each()方法遍歷每個標簽。在遍歷過程中,我們通過data()方法獲取當前標簽中設置的data-img屬性,這個屬性中存儲了對應的圖片的url。最后,我們通過html()方法將當前標簽的內容置為一個標簽,并設置圖片的src屬性為獲取到的url。