jQuery：替換字符串.each（）

Question

我想要一個函數，用圖像替換每個li。這是我的代碼：

$(document).ready(function(){ 
    var tmphref; 
    var tmpname; 
    var str = '<a href="' + tmphref + '"><img src="http://www.somesite.com/a/' + tmpname[1] + '/avatar-small.jpg /></a>'; 
    $('#somediv li a').each(function(){ 
     tmphref = $(this).attr("href"); 
     tmpname = /http\:\/\/(\w+)\.somesite\.com\//.exec(tmphref); 
     $(this).parent().replaceWith(str); 
    }); 
}); 

的圖像是在這個特定的路徑：www.somesite.com/a/username/avatar-small.jpg
上面的代碼不起作用。有任何想法嗎？

預先感謝您。

Answer 1

移動

var str = '<a href="' + tmphref + '"><img src="http://www.somesite.com/a/' + tmpname[1] + '/avatar-small.jpg /></a>'; 

tmphref和tmpname，像在此之後

$('#somediv li a').each(function(){ 
    tmphref = $(this).attr("href"); 
    tmpname = /http\:\/\/(\w+)\.somesite\.com\//.exec(tmphref); 
    var str = '<a href="' + tmphref + '"><img src="http://www.somesite.com/a/' + tmpname[1] + '/avatar-small.jpg /></a>'; 
    $(this).parent().replaceWith(str); 
}); 

因爲可變str已經與undefinedtmphref，和tmpname，所以改變tmphref和tmpname值之後分配的值，不會影響變量str

而且，對於那種情況，您不需要聲明變量tmphref和tmpname外部的.each函數。