jquery - jquery .html() 没有替换innerhtml

Question

我有一个构建字符串的函数html，然后使用该jquery.html()方法插入该 html 字符串。我希望页面的结果只显示输出文本，而是显示所有内容，甚至是标签。

function updateTableCell(){
   var removeDocForm = "<form action='"+docRemoveTarget+"'><a>remove</a></form><br>"
   $('table tr').eq(docRowCount).find('td').eq(4).html(removeDocForm);
}

我希望remove在渲染页面时会出现，但我看到了

<form action='docRemoveTarget'><a>remove</a></form><br>

Answer 1

我对您的代码进行了一些更改并测试了它的工作原理。代码如下。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function updateTableCell()
{
    var docRemoveTarget = "localhost.php"
    var removeDocForm = "<form action='"+docRemoveTarget+"'><a>remove</a></form><br>";
    $('table tr').eq(0).find('td').eq(4).html(removeDocForm);
    console.log($('table tr').eq(0));
}
$(document).ready(function(){
    updateTableCell();
});
</script>
<table width="100%" border="1">
    <tr height="30">
        <td style="border:1px solid #CCC;"> </td>
        <td style="border:1px solid #CCC;"> </td>
        <td style="border:1px solid #CCC;"> </td>
        <td style="border:1px solid #CCC;"> </td>
        <td style="border:1px solid #CCC;"> </td>
        <td style="border:1px solid #CCC;"> </td>
    </tr>
</table>