如何用jquery或js（子字符串？）替换最后一个右斜杠之前的文件夹名称答案

【问题标题】：how to replace folder name before last right slash by jquery or js (substring?)如何用jquery或js（子字符串？）替换最后一个右斜杠之前的文件夹名称
【发布时间】：2020-06-04 07:07:23
【问题描述】：

如何用 jquery 或 js 替换最后一个右斜杠之前的文件夹名称（子字符串？）例如
到和如果“1”是可变的（导致我的 img 项目通过 foo 循环创建） 1 可能是 1,2,3,4,5,6,7,........

<body>
    <img src="./pic/web_show/1/01.jpg" alt="">
    <img src="./pic/web_show/1/02.jpg" alt="">
    <img src="./pic/web_show/1/03.jpg" alt="">

    <input type="button" id="btn_change_folder_style_seg" value="style seg"></input>
    <input type="button" id="btn_change_folder_style_raw" value="style raw"></input>

    <script>
        $(function(){
            $('#btn_change_folder_style_seg').click(function () {
                var imagePath = $('img');
                imagePath.attr('src', function (index, attr) {
                    if (attr){
                    return attr.replace('1/', '1_seg/');
                    }
                });
            });
            $('#btn_change_folder_style_raw').click(function () {
                var imagePath = $('img');
                imagePath.attr('src', function (index, attr) {
                    if (attr){
                    return attr.replace('1/', '1_raw/');
                    }
                });
            });
        })
    </script>
</body>

【问题讨论】：

标签： jquery regex replace substring

【解决方案1】：

试试concat 和index

$(function() {
  $('#btn_change_folder_style_seg').click(function() {
    var imagePath = $('img');
    imagePath.attr('src', function(index, attr) {
      if (attr) {
        return attr.replace('1/', index + 1 + '_seg/');
      }
    });
  });
  $('#btn_change_folder_style_raw').click(function() {
    var imagePath = $('img');
    imagePath.attr('src', function(index, attr) {
      if (attr) {
        return attr.replace('1/', index + 1 + '_raw/');
      }
    });
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<img src="./pic/web_show/1/01.jpg" alt="">
<img src="./pic/web_show/1/02.jpg" alt="">
<img src="./pic/web_show/1/03.jpg" alt="">

<input type="button" id="btn_change_folder_style_seg" value="style seg"></input>
<input type="button" id="btn_change_folder_style_raw" value="style raw"></input>

【讨论】：