Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从字符串中删除字符并使结果成为链接?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何从字符串中删除字符并使结果成为链接?

Javascript 如何从字符串中删除字符并使结果成为链接?,javascript,jquery,html,Javascript,Jquery,Html,我有一系列包含URL的span元素,但是它们在字符串的开头和结尾都有不需要的字符 <span class="value"> : 'http://www.barratthomes.co.uk/new-homes/cambridgeshire/H618701-Trumpington-Meadows/'</span> <span class="value"> : 'http://www.barratthomes.co.uk/new-homes/cambridges

我有一系列包含URL的span元素,但是它们在字符串的开头和结尾都有不需要的字符

<span class="value"> : 'http://www.barratthomes.co.uk/new-homes/cambridgeshire/H618701-Trumpington-Meadows/'</span>

<span class="value"> : 'http://www.barratthomes.co.uk/new-homes/cambridgeshire/H618701-Trumpington-Meadows/'</span>

<span class="value"> : 'http://www.barratthomes.co.uk/new-homes/cambridgeshire/H618701-Trumpington-Meadows/'</span>

<span class="value"> : 'http://www.barratthomes.co.uk/new-homes/cambridgeshire/H618701-Trumpington-Meadows/'</span>
这就是我目前所拥有的

$('span.value').each(function () {
   $('.value').text().substr(4, this.length-2);
});


$('span.value').each(function () {
    $('span.value').wrapInner(function () {
        return "<a href='" + $('span.value').nodeValue + "'></a>";
    });
});
$('span.value')。每个(函数(){
$('.value').text().substr(4,this.length-2);
});
$('span.value')。每个(函数(){
$('span.value').wrapInner(函数(){
返回“”;
});
});

我不知道如何将它们组合成一个函数,这里有一种不用正则表达式的方法

   $('.value').each(function(){
      var res = $(this).text().split("").filter(function(index){
          return index != "'" && index != ":" && index != " ";
      });
      console.log(res.join(""));
    });

编辑:

$('.value').each(function(){
      var res = $(this).text().split("").filter(function(index){
          return index != "'" && index != " ";
      }).slice(1);
      console.log(res.join(""));
});

用正则表达式使用Javascript的replace方法

var string=“:”http://www.barratthomes.co.uk/new-homes/cambridgeshire/H618701-Trumpington-Meadows/'";
var new_string=string.replace(/(.*?):'(.*?)/i,“$1”);
警报(新字符串)
我不知道如何将它们组合成一个函数

您已经在选择要对其进行操作的元素,然后使用
.each()
迭代该集合。在您的回调中,
将是该迭代步骤的当前元素。因此,将其包装在jQuery对象中并使用它

$('span.value').each(function () {
   var target = $(this).text().substr(4, this.length-2);
   $(this).wrapInner(function () {
        return "<a href='" + target + "'></a>";
    });
});
$('span.value')。每个(函数(){
var target=$(this.text().substr(4,this.length-2);
$(this).wrapInner(函数(){
返回“”;
});
});

您似乎忘记了。通常,这个问题是关于您为解决问题而编写的一些代码。哦,你还忘了包含代码。谢谢,这样做很好,除了删除url中http
之后的
。@Pedroson啊,是的。如果你想让我修理它,请让我知道。是的,如果你愿意,那就太好了could@Pedroson检查updatePerfect非常感谢
$('span.value').each(function () {
   var target = $(this).text().substr(4, this.length-2);
   $(this).wrapInner(function () {
        return "<a href='" + target + "'></a>";
    });
});