jQuery。各種項目的前綴選擇器

Question

如何優化？

$('link[href="dir/style.css"]').attr("href", "dir/style2.css"); 
$('link[href="../../dir/style.css"]').attr("href", "../../dir/style2.css"); 
jQuery('link[href="../dir/style.css"]').attr("href", "../dir/style2.css"); 

Answer 1

你可以做這樣的事情：

$('link[href*="dir/style.css"]').attr('href', function(i, oldHref) { 
    return oldHref.replace('dir/style.css', 'dir/style2.css'); 
}); 

使用attribute-contains選擇器選擇元素，然後將函數傳遞給.attr()以返回更新的值。

Answer 2

這應該用做在單個調用相同，以attr的attribute ends with selector：

$('link[href$="style.css"]').attr('href', function(index, value) { 
    return value.replace('style.css', 'style2.css'); 
}); 

JSFiddle Example

Answer 3

這取決於你的項目結構，但你可以做這樣的事情

$('a[href*="dir/style.css"]').attr('href', function(i,href) { 
     // return a version of the href that replaces "style." with "style2." 
    return href.replace('style.', 'style2.'); 
}); 

小提琴這裏：http://jsfiddle.net/dT8j6/123/