PHP页面HTML表格中含jQuery的字段内容无法显示，求解决

我完全懂你碰到的麻烦——当你把数据库里包含HTML标签、JavaScript代码和注释的字段内容直接输出到HTML表格里时，浏览器会把这些内容当成页面本身的代码去解析执行，而不是显示原始的代码文本，导致那段带jQuery的<td>内容没法正常展示出来。

问题根源 #

浏览器会自动解析HTML标签（比如<script>、<table>）和执行JavaScript代码，所以你从数据库取出的原始代码会被当成页面的一部分渲染/执行，而不是以纯文本形式显示。

解决方案：转义特殊字符 #

在PHP输出字段内容时，使用htmlspecialchars()函数把HTML特殊字符转换成对应的HTML实体，这样浏览器就会把它们当成纯文本显示，而不是解析成HTML或JS。

示例代码修改

假设你原来的输出代码是这样的：

// 从数据库获取数据后循环输出表格行
while ($row = mysqli_fetch_assoc($result)) {
    echo '<tr>';
    echo '<td>' . $row['content_field'] . '</td>'; // 这里直接输出会导致问题
    echo '<td>' . $row['other_field'] . '</td>';
    echo '</tr>';
}

把输出包含代码的字段那一行改成：

echo '<td>' . htmlspecialchars($row['content_field'], ENT_QUOTES, 'UTF-8') . '</td>';

参数说明

• ENT_QUOTES：同时转义双引号和单引号，避免因为引号嵌套导致的问题
• UTF-8：指定字符编码，确保中文或特殊字符不会乱码

优化代码显示格式（可选） #

如果希望保留原始代码的换行、缩进格式，让显示更清晰，可以给<td>添加CSS样式或者用<pre>标签：

1. 使用CSS样式：

echo '<td style="white-space: pre-wrap; font-family: monospace;">' . htmlspecialchars($row['content_field'], ENT_QUOTES, 'UTF-8') . '</td>';

white-space: pre-wrap会保留换行和缩进，font-family: monospace让代码显示更整齐。

2. 使用<pre>标签：

echo '<td><pre>' . htmlspecialchars($row['content_field'], ENT_QUOTES, 'UTF-8') . '</pre></td>';

<pre>标签默认会保留文本的格式，适合展示代码。

额外好处：防止XSS攻击 #

这种转义方式不仅能解决显示问题，还能有效防止跨站脚本攻击（XSS）——恶意的JavaScript代码会被转义成纯文本，不会被浏览器执行，提升页面安全性。

内容的提问来源于stack exchange，提问作者Jenz