从jquery变量中分割最后两个字符

所以我找到了一个脚本，它根据下拉列表中的选择渲染图像

但是，此脚本或其他地方正在将这些| 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>

jQuery（文档）.ready（函数（$）{
var dropdown='#input_1_10'；//下拉列表字段的ID
var imageContainer='#样例'；//包含图像的div的id
$（下拉）。更改（函数（）{
var值=$（this.val（）；
jQuery（imageContainer.html（“”）；
});
});

这是我在inspect element窗口中看到的

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

这发生在我尝试链接到下拉选项的每一张图像上

所以我想做的是切掉| 0，但我不知道如何切掉

---

这是运行Woocommerce、Woocommerce重力表单插件和重力表单插件的wordpress网站。

只需尝试使用

slice

js函数即可。它可以随心所欲地切断绳子。我们将使用它来剪切字符串的最后2个字符

<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>

jQuery（文档）.ready（函数（$）{
var dropdown='#input_1_10'；//下拉列表字段的ID
var imageContainer='#样例'；//包含图像的div的id
$（下拉）。更改（函数（）{
var值=$（this.val（）；
value=value.slice（0，-2）/您可以使用
.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="" />'); 
  });    
});

$（文档）.ready（函数（$）{
var dropdown='#input_1_10'；//下拉列表字段的ID
var imageContainer='#样例'；//包含图像的div的id
$（下拉）。更改（函数（）{
var value=$（this.val（）.split（“|”）[0]；
$（imageContainer.html（“”）；
});    
});
您还可以使用替换文本


var url='1〕http://.../1-Arctic-White.jpg|0';
var newUrl=url.replace（/\\124;.*？$/，“”）；
console.log（newUrl）；
这工作做得很好，我想我是在放屁。Thanks@michaelupton看起来这是我有史以来的第一个正确答案，所以我很高兴它帮助了你哈哈：）@michaelupton别忘了单击最佳答案！哈哈，当我复制并粘贴你的代码时，感谢你的响应（仍在脚本标记之间）它不起作用。但是，当我只是将分割的片段粘贴到原始片段中时，效果最好，我发现一些图像附加了3个字符，因此切片函数只对一些图像起作用。这对每个图像都有效。jQuery（document）.ready（function（$）{var dropdown='#input_1_10'.//下拉列表的ID feld var imageContainer='#swatches'.//包含图像的div的ID$（dropdown）.change（function（）{var value=$（this）.val（）；var value=$（this.val（）.split（“|”）[0]；//是的，无论后面有多少个字符，它都能工作“|”。我完全不知道为什么它对您不起作用，因为它应该起作用。如果您有另一个脚本，请确保将代码（不带document.ready（））放到另一个脚本中。也不要使用属性设置图像的宽度/高度。请改用$（imageContainer）.width（75）和$…height（74）或类。