我试图将我的标签附加到我的li标签上，但它似乎不起作用？

Question

我试图将我的标签附加到li标签上，然后将该li添加到邮件ID中，但是由于某种原因，它似乎无法正常工作。

当我将message.url附加到#messages时，它可以正常打印到屏幕上，但是当我将var a附加到屏幕上时，它没有显示出来。 不太确定发生了什么，我已经尝试了所有我能想到的东西。

socket.on('newLocationMessage', function (message) {
    var li = $('<li></li>');
    var a = $('<a target="_blank"><My current location</a>');

    li.text(`${message.from}: `);
    a.attr('href', message.url);

    li.append(a);
    $('#messages').append(li);
});

Answer 1

这是无需.text或.attr即可解决问题的简单方法。 如果您可以在此处提供示例代码（HTML），将很有帮助。

 // find elements var button = $("button"); // handle event like newLocationMessage event button.on("click", function() { //replace your data let message = { url: "https://google.com", from: "Google" }; var li = $('<li><a target="_blank" href="' + message.url + '">' + message.from + '</a></li>'); $('#messages').append(li); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <ul id="messages"></ul> <button> trigger </button> 

Answer 2

我的当前位置旁边有一个<

socket.on('newLocationMessage', function (message) {
    var li = $('<li></li>');
    var a = $('<a target="_blank"><My current location</a>');

    li.text(`${message.from}: `);
    a.attr('href', message.url);

    li.append(a);
    $('#messages').append(li);
});