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] даст вам только второй элемент из расщепленного массива, тогда как все расщепленные элементы ожидают первого 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';
    });