從圖像URL

Question

我想從這個圖片的URL的末尾刪除-960x330部分刪除自動大小值，我與這個jQuery試了一下：

jQuery("#the-team").each(function(){ 
    var img_url = jQuery(this).find("#the-team img").attr("src"); 
    var main_url = img_url.split('-960x330'); 
    var exact_url = main_url[0] + main_url[1]; 
    jQuery(this).find("#the-team img").attr("src" , exact_url); 
}); 

這裏的HTML，如果有人無法檢查圖像。

<img alt="" width="960" height="330" src="http://phpyouth.com/clients/LawPoint/wp-content/uploads/2013/09/Team-lawpoint-960x330.jpg"> 

Answer 1

jQuery(this).find("#the-team img") - 意味着搜索#the-team img內#the-team。
你只需要jQuery(this).find("img")：

jQuery("#the-team").each(function(){ 
    var img_url = jQuery(this).find("img").attr("src"); 
    var main_url = img_url.split('-960x330'); 
    var exact_url = main_url[0] + main_url[1]; 
    jQuery(this).find("img").attr("src" , exact_url); 
}); 

---

編輯：短一點：

jQuery("#the-team").each(function() { 
    var img = jQuery(this).find("img"); 
    img.attr("src", img.attr("src").replace("-960x330", "")); 
}); 

---

FYI：不相關的問題，但值得一提的。這條線

jQuery("#the-team").each(function(){ 

表明，你有你的頁面上有一個元素具有相同ID，這是不正確。元素id -s應該是唯一的。如果你需要他們的造型，那麼class是你想使用的東西。