最后一个斜杠之后的 jQuery .split() ？

Question

我无法找到有关 .split() 的太多文档，并且我有一些代码可以通过单击两个单独的按钮来更改图像的源以及图像的目标文件夹。一个按钮更改源文件夹，另一个按钮更改实际的 jpeg 名称。

我的脚本工作正常，但现在它已经上线，并且有多个文件夹，当我单击更改文件夹时，默认图像在最后一个/之后隐藏/不显示实际的 jpg，直到我单击另一个按钮。我的jquery如下：

$(document).ready(function(){
    siteUrl = 'http://webdev.timberwindows.com/wp-content/themes/TimberWindows/images/window-planner/';
    imgFldr = 'period-black';

    //on hovering the 21 or 24 colour options, change the colour of the image but not the folder
    $('#black').click(function(){
        $("#pic").attr("src",siteUrl+imgFldr+"/black.jpg");
    });

    //click the hardware buttons and change the folder where the images are coming from, but not the image itself (by name)
    $('#standardBlack').click(function(){
        $("#pic").attr("src",'standard-black/'+$("#pic").attr("src").split('/')[1]);
        imgFldr = 'standard-black';
    });
        $("#ironmongery li").click(function(){
        $('#ironmongery>li').removeClass('selected');
        $(this).addClass('selected');
    });
        $("#colours li").click(function(){
        $('#colours>li').removeClass('selected');
        $(this).addClass('selected');
    });
});

Answer 1

因为您只需要最后一个斜杠之后的部分：
检查以下代码：

var t="http://test.test.com/test/test.php";
console.log(t.replace(/^.+\/([^\/]*)$/,'$1'));

Answer 2

$("#pic").attr("src").split('/')[1] 只会为您提供分割数组中的第二个元素，而您需要除第一个元素之外的所有分割元素。请尝试此操作

    $('#standardBlack').click(function(){
        var imgSrc = $("#pic").attr("src");
        imgSrc = 'standard-black' + imgSrc.substring(imgSrc.indexOf('/'));
        $("#pic").attr("src", imgSrc);
        imgFldr = 'standard-black';
    });

    $('#standardChrome').click(function(){
        var imgSrc = $("#pic").attr("src");
        imgSrc = 'standard-chrome' + imgSrc.substring(imgSrc.indexOf('/'));
        $("#pic").attr("src", imgSrc);
        imgFldr = 'standard-chrome';
    });