簡體   English   中英

jQuery-僅更新圖片網址文件夾

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM