使用Javascript/jQuery的：替換單引號的文本與HTML span標籤

Question

我有一個這樣的字符串：

This is a 'item:value' and another 'item2:value:2'. 

我想使用JavaScript/jQuery來得到以下結果：

This is a <span class="text">item:value</span> and another <span class="text">item2:value:2</span>. 

Answer 1

可以運行單引號之間的文本正則表達式replace()：

var str = "This is a 'item:value' and another 'item2:value:2'." 

var newString = str.replace(/'(.*?)'/g, function myFunction(x){ 
    x = "<span class='text'>"+ x +"</span>" 
    return x; 
}) 

小提琴https://jsfiddle.net/ce1qm0za/

Answer 2

使用concatination：

$("div").html('This is a <span class="text">' + item + ':' + value + '</span> and another <span class="text">' + item2 + ':' + value2 + '</span>'); 

Answer 3

試試這個：

<script> 
    var string = "This is a 'item:value' and another 'item2:value:2'."; 
    var res = string.split("'"); 
    var output = res[0] + "<span class='text'>" + res[1] + "</span>" + res[2] + "<span class='text'>" + res[3] + "</span>" + res[4] ; 
    console.log(output); 
</script> 

希望這是你的意思。