jQuery的搜索和替換IMG SRC

-1

的一部分，在每一頁我有了這樣的圖像的功能的圖像：jQuery的搜索和替換IMG SRC

<img class="js-image-replace" src="http://www.example.com/category_name/320/89645428_89645427.jpg" />

的/320/被引用的圖像的大小，我希望它是/660/

我該如何搜索320並將其替換爲660？

我所有的嘗試都會覆蓋整個字符串。

來源

2016-05-09 Kevin M

爲什麼你不在IDE中使用**搜索和替換**？ –

請顯示你的嘗試，並讓我們知道具體出了什麼問題。 – showdev

如果你能保證這個值將是第一個整數集，你會在字符串中遇到的，那麼你可以使用下面的表達式來替代它：

<script> 
$(function(){ 
    $('.js-image-replace').each(function(){ 
     // Get your image src 
     var source = $(this).attr('src'); 
     // Replace the first set of integers in your URL with 660 
     $(this).attr('src',source.replace(/\/\d+\//,'/660/')); 
    }); 
}) 
</script>

否則，

實施例

可在下面see a working example of this in action here和輸出：

來源

2016-05-09 20:33:43

謝謝。這工作！除了名稱中有整數的類別外。我可以保證的一件事是結構總是一樣的。 example.com/category_name/320/blabla.png 意味着'''/ 320 /'''總是第二個目錄。 –

我更新了表達式以匹配斜槓，並將它們添加到替換字符串中。它現在應該可以用數字類別工作。 –

@RionWilliams是的，你是正確的 - 評論刪除 – aarbor

jQuery的搜索和替換IMG SRC

回答

相關問題