2013-01-09 38 views
-1

我有一個函數,它建立一個字符串html,然後使用jquery.html()方法來插入該字符串的html。我希望頁面的結果只顯示輸出文本,而是顯示一切,甚至標籤。jquery .html()不替代innerhtml

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>

+6

你應該有什麼工作。你可以發佈一個顯示問題的http://jsfiddle.net。 –

+0

請爲HTML代碼使用**雙引號**。 – Raptor

+1

@ShivanRaptor你是什麼意思?應該改變什麼,爲什麼? –

回答

0

我已經在你的代碼的一些變化,並測試了它的工作。代碼如下。

<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> 

+0

可能是你選擇的dom,實際上不存在,因爲在eq索引從0開始,你可能訪問或獲取不存在的dom .. –