Question

所以我发现了一个脚本，它根据下拉列表中的选择呈现图像。

然而，这个脚本或其他地方的东西会将这些| 0个字符附加到图像源的末尾。

这是jquery中的脚本

<script type="text/javascript">

 jQuery(document).ready(function($){

var dropdown = '#input_1_10'; // the ID of your dropdown feild
var imageContainer = '#swatches'; // the id of the div which contains your image

$(dropdown).change(function(){
    var value = $(this).val();
    jQuery(imageContainer).html('<img src="'+value+'" alt="" />'); 
});

});

   </script>

这是我在inspect元素窗口中看到的

<img src="http://www.whiskey3defensesolutions.com/wp-content/uploads/2016/11/1-Arctic-White.jpg|0" alt="">

我尝试与下拉选项

链接的每个图像都会发生这种情况

所以我想做的是切掉| 0，但我无法弄清楚

这是在运行Woocommerce，Woocommerce Gravity表单附加组件和Gravity表单插件的wordpress网站上。

Answer 1

您可以使用.split("|")分割字符串。

$(document).ready(function($){
  var dropdown = '#input_1_10'; // the ID of your dropdown feild
  var imageContainer = '#swatches'; // the id of the div which contains your image
  $(dropdown).change(function(){  
    var value = $(this).val().split("|")[0];   
    $(imageContainer).html('<img src="'+value+'" alt="" />'); 
  });    
});

Answer 2

尝试使用slice js函数。它可以根据您的需要切割字符串。我们将用它来剪切你的字符串的最后两个字符。

<script type="text/javascript">

     jQuery(document).ready(function($){

    var dropdown = '#input_1_10'; // the ID of your dropdown feild
    var imageContainer = '#swatches'; // the id of the div which contains your image

    $(dropdown).change(function(){
        var value = $(this).val();
        value = value.slice(0,-2)  //<--this should be cutting it
        jQuery(imageContainer).html('<img src="'+value+'" alt="" />'); 
    });

    });

</script>

Answer 3

您还可以使用Regex替换文字

＆＃13;

var url = 'http://.../1-Arctic-White.jpg|0';

var newUrl = url.replace(/\|.*?$/, '');

console.log(newUrl);

＆＃13;

从jquery变量中删除最后两个字符

3 个答案: