Question

我们有一个使用jQuery打印回复的聊天机器人

$('<div class="message message-new"><figure class="avatar"><img src="images/icon" /></figure>' + reply + '</div>').appendTo($('.mCSB_container')).addClass('new');

有时回复变量可以包含链接，其中一些非常长，所以我们一直试图超链接它们，我们尝试在回复源中添加href

但是jQuery只是不打印它，甚至不是超链接文本，它只是完全忽略了

如果来自后端的输入是

Hi <a href="www.google.com" click here /a>

只打印“嗨”

有人可以指导我们如何通过将源文本更改为回复变量或任何其他方式来启用超链接

Answer 1

<!DOCTYPE html>
<html>

<head>
    <script src="jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                reply = 'Hi! What can I help you with?<p><a href="www.google.com">google</a></p> ';
                $('<div class="message message-new"><figure class="avatar"><img src="avatars1.githubusercontent.com/u/6422482?v=3&s=400"‌; /></figure>' + reply + '</div>').appendTo($('.mCSB_container')).addClass('new');

            });
        });
    </script>
</head>

<body>
    <p>Top</p>
    <div class="mCSB_container">
        test
    </div>


    <button>Add New </button>

</body>

</html>

Answer 2

$('<a>', {
  href: 'mylink.com',
  html: 'mytext'
})

如何在变量输入中超链接文本并使用jQuery函数

2 个答案: