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>