正在操作JQuery.text(）输出

Manipulating JQuery .text() output

本文关键字：输出 text JQuery 操作      更新时间：2023-09-26

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

下面的代码片段展示了我迄今为止的工作：

<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转换成一个点击链接。任何关于如何解决这一问题的建议都将不胜感激。

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

像这样：

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

它会完成工作的。

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

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