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';
    });

jQuery .split（）在最后一次斜杠之后？

2 个答案: