寻找更好的/优雅的解决方案这个JQuery代码

Question

要继续我的优雅的解决方案系列，我想弄清楚如何以更好的方式做到这一点。

我骑自行车穿过所有的a标签并试图修改href。

此代码有效，但似乎马虎，并希望知道如何更有效地做到这一点。

$('a').each(function(){ 
    x=$(this).attr('href').replace(/mls\_number/i,'interior=yes&mls_number'); 
    $(this).attr('href', x); 
}); 

Answer 1

$('a').each(function(i, e) { 
    e.href = e.href.replace(/mls\_number/i,'interior=yes&mls_number'); 
}); 

或者只用Mozilla的JS扩展

Array.forEach(document.getElementsByTagName('a'), function(e) { 
    e.href = e.href.replace(/mls\_number/i,'interior=yes&mls_number'); 
}); 

Answer 2

您可以使用.attr()函数重载，它允许你修改现有的属性值：

$('a').attr('href', function(index, attr) { 
    return attr.replace(/mls\_number/i, 'interior=yes&mls_number'); 
}); 

Answer 3

一个POJ缓存查询与倒计时while循环将是最快的方式来做到这一点：

var elms = Array.prototype.slice.apply(document.getElementsByTagName("a")), 
i = elms.length, 
e, 
href; 
while (i--) { 
    e = elms[i]; 
    href = e.href.replace(/mls\_number/i,'interior=yes&mls_number'); 
    e.setAttribute("href", href); 
}