操作 JQuery .text() 输出

Question

我正在构建一个类似 Twitter 的网站，其中包含我想以特定方式导出到网站的随机推文。到目前为止，我的大部分要求都已满足，唯一的问题是将 Twitter 用户的 jQuery 文本转换为可点击的链接。

下面我的代码 sn-p 展示了我到目前为止的工作：

<script>
$(document).ready(function(){
    var $body = $('.middle');
    $body.html();
    var index = streams.home.length - 1;
    var newTweets = function(index){
        while(index >= 0){
            var tweet = streams.home[index];
            var $tweet = $('<div class=tweetBox></div>');
            $tweet.text('@' + tweet.user + ': ' + tweet.message + tweet.created_at);
            $tweet.appendTo($body);
            index -= 1;
        }  
    }
    newTweets(index);
    $('button').on('click', function(){
        index = streams.home.length - 1;
        newTweets(index); 
    });
});
</script>

给出问题的行是$tweet.text('@' + tweet.user + ': ' + tweet.message + tweet.created_at); 我想获取 tweet.user 并将其转换为可点击的链接。任何有关如何解决此问题的建议将不胜感激。

Answer 1

如果我理解正确，那么这就是你想要的

var link = $('<a>', {text: tweet.user, href: '#'}).prop('outerHTML');
$tweet.html('@' + link + ': ' + tweet.message + tweet.created_at);

Answer 2

你必须使用 jQuery 的HTML 函数。 http://api.jquery.com/html/

像这样：

var link = $('<a>', {text: tweet.user, href: '#'}).prop('outerHTML');
$tweet.html('@' + link + ': ' + tweet.message + tweet.created_at);

它会做的工作。