jQuery的 - 獨立的文本轉換爲字符串

Question

比方說我的HTML看起來像這樣：

<p>12345, 23, 64229, 359</p> 

這一段可以有幾百個以逗號分隔值。 它也可以是空的。

我想使這些值成爲鏈接。 第一個值應鏈接到「http://www.example.com/?id=12345」 第二個值爲「http://www.example.com/?id=23」 ..等等。

這樣做的最好方法是什麼？

Answer 1

試試看：http://jsfiddle.net/uJRb6/

var nums = $('p').text().split(/\s*,\s*/); 
var tags = ''; 

    $.each(nums,function(i,val) { 
     tags += '<a href=http://www.example.com/?id=' + val + '>' + val + '</a><br>' 
    }); 
$('body').append(tags);​ 

如果你關注的內容的安全性，你可以這樣做：

var nums = $('p').text().split(/\s*,\s*/); 
var tags = []; 

    $.each(nums,function(i,val) { 
     tags.push($('<a>',{text:val + ' ', href:'http://www.example.com/?id=' + val})); 
    }); 
$(tags).appendTo('body'); 

Answer 2

你不需要jQuery的這，你可以使用純javascript來做這件事：

vals = $('p').html().split(','); 
for(var i in vals) { 
    tags += '<a href=http://www.example.com/?id=' + val + '>link</a><br>' 
} 
$('body').append(tags) 

Answer 3

You ca n使用正則表達式.replace()，這樣的事情：

​$("p").html(function(i, h) { 
    return h.replace(/\d+/g, function(m) { return "http://www.example.com/?id=" + m; }); 
});​​ 

You can test it out here，或使它們可點擊的鏈接：

$("p").html(function(i, h) { 
    return h.replace(/\d+/g, function(m) { 
    return "<a href='http://www.example.com/?id="+m+"'>"+m+"</a>"; 
    }); 
});​ 

You can give it a try here。