我試圖將我的標簽附加到我的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);
});