2013-05-12 56 views
0

我想知道如何設置純文本和鏈接內的跨度或其他。 下面我的工作代碼:如何生成推文的標記?

$(document).ready(function() { 

// Get latest tweet 
// twitter id 
var user = 'USERNAME'; 

// count 
$.getJSON('http://api.twitter.com/1/statuses/user_timeline.json?screen_name=' + user + '&count=1&include_rts=1&callback=?', function(data)  { 

    // result 
    var tweet = ""; 
     for (i = 0; i < data.length; i++) { 
      tweet += data[i].text + "</br></br>"; 
     } 

    // links 
    tweet = tweet.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig, function(url) { 
     return '<a target="_blank" href="'+url+'">'+url+'</a>'; 
    }).replace(/[email protected]([_a-z0-9]+)/ig, function(reply) { 
     return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>'; 
    }); 

    // output 
    $("#tweet").html(tweet); 
}); 

}); 

在此先感謝。

回答

1

你可以這樣做:

var span = $(document.createElement('span')).html(tweet); 
$("#tweet").html(span); 

結帳這個fiddle

+0

謝謝您的回答。它對我很好。還有一個問題,我可以在h1標籤裏面設置推文嗎? @karthikr – Caspert 2013-05-17 21:19:04

+0

是的,你可以..買你爲什麼要那樣做? – karthikr 2013-05-17 21:19:52