[英]jQuery - update image url only folder
如何更新,圖片網址只是其中的一部分...
例如:我有2個文件夾,如果圖像來自lenovo文件夾,我想將該文件夾更改為三星
<img src="images/lenovo/abc.jpg">
至<img src="images/samsung/abc.jpg">
$(function() { $("img").each(function() { var imgURL = $(this).attr('src'); if(imgURL.lastIndexOf('/')>6) { imgURL = imgURL.replace("images/lenovo","images/samsung"); } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <img src="images/lenovo/abc.jpg"><img src="images/xyz.jpg">
使用img
的當前src
並使用replace()
進行替換以更新src
。 您可以按照以下步驟進行操作。 希望這會幫助你。
$(function () {
var img = $("img");
img.each(function () {
var src = $(this).attr('src');
if (src.indexOf('lenovo/') > -1) {
$(this).attr('src', src.replace("lenovo", "samsung"));
}
});
})
檢查src屬性是否包含“ lenovo”。
如果是這樣,請更換它。
$(function() {
var src = $('img:first').attr('src');
var needle = 'lenovo';
var altDirectory = 'samsung';
var rep;
if (src.search(needle) > -1) {
rep = src.replace(needle, altDirectory);
$('img:first').attr('src', rep);
}
});
現場演示: http : //codepen.io/mizech/pen/QyNJEp
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.