把每個單詞使用jQuery

Question

跨度我有一個看起來像這樣的文字 - >

car, building, money, computer, new phone, media chat, google plus, desk, gym 

有沒有把這些詞在<span></span>標籤使用jQuery的方式..？

似乎無法找到這樣的事情在互聯網...

Answer 1

從你的字符串，你可能希望通過拆分它的逗號和創建數組開始：

var sentence = "car, building, money"; 
var words = sentence.split(','); 

然後，我們需要一個目標爲跨度：

var $container = $('#container'); // something in your UI, a div maybe 

然後你可以用每一個在一個跨度，並將其添加到容器：

$.each(words, function() { 
    // create a span whose content is the result of trimming 
    // the current array item 
    $container.append($('<span>').html($.trim(this))); 
}); 

jsFiddle Demo

Answer 2

我相信你正在尋找的是：

 
var myString = "car, building, money, computer, new phone, media chat, google plus, desk, gym"; 
var result = myString.split(', '); 

結果現在引用的所有名稱的數組中的字符串。你可以通過遍歷數組和動態創建的HTML標籤，並把價值英寸

Answer 3

var str = 'car, building, money, computer, new phone, media chat, google plus, desk, gym' 
'<span>'+str.replace(/, /g,"</span><span>")+'</span>' 

或者

'<span>'+str.replace(/, /g,"</span>, <span>")+'</span>' 

depening對什麼是你想達到的（你是不是很好的結果制定任務）

Answer 4

嘗試以下操作：

var string1 = "car, building, money, computer, new phone, media chat, google plus, desk, gym"; 
    var str = string1.split(","); 
    var container = jQuery('<div>'); 
    jQuery.each(str,function(k,v){ 
     container.append(jQuery('<span>').html(v)); 
    }); 
    console.log(container); 

以下是演示：http://jsfiddle.net/dCYyY/