如何在界面中正确显示带有标签（<>）的字符串

Question

标签中的字符串没有显示，因为我需要连接它，我该怎么做？

success: function (response) {
    var tbody = "";
    $.each(response.all_legends, function (key, legend) {
        tbody += '<tr>'+
                    '<td>'+'<AGE>'+'</td>'+
                    '<td>'+legend.text+'</td>'+
                '</tr>';
        });
    $('#legend-list tbody').html(tbody)
}

我尝试添加额外的 + 和引用，但标签仍然没有显示

澄清：

legend.text 有效，因为它是一个常规字符串。它的 <AGE> 标签没有出现。我尝试 console.log 表格，它在控制台中正常显示但没有出现在

更新：

数据库：

接口：

澄清一下，因为第一个示例是修复标签的测试。我需要进一步提及该字符串具有标签，因此我不能简单地将其包裹在某种转义符中，例如 <AGE&gt

这是我尝试过的：

'<td><a href="" onclick="appendMessageText(this)" class="blue-1">'+escape(legend.value)+'</a></td>'+

我可以使用 legend.value 循环检索数据库列（第一个屏幕截图）。添加转义将标签变成它的实体（第二张截图）。如何用标签修复字符串？

Answer 1

我认为这段代码很有意义。如果 '<' 和 '>' 字符位于开头和结尾，此代码可以帮助您

const editText = (text) => `<a><</a><a>${text.replace('<','').replace('>','')}</a><a>></a>`;
 
success: function (response) {
var tbody = "";
$.each(response.all_legends, function (key, legend) {
    tbody += '<tr>'+
                '<td>'+editText(legend.value)+'</td>'+
                '<td>'+legend.text+'</td>'+
            '</tr>';
    });
$('#legend-list tbody').html(tbody)

}

如何在界面中正确显示带有标签（<>）的字符串

how to show strings with tags (<>) correctly in the interface

sql

tags

escaping

function

concatenation