如何在html表格列中包含標籤？

Question

我想插入使用JavaScript或JQuery的
例如一列內的錨標記改變第一列的值「A」是使用JavaScript或JQuery的

<table> 
    <tr> 
    <th>FirstName</th> 
    <th>LastName</th>    
    </tr> 
    <tr> 
    <td>A</td> 
    <td>B</td>    
    </tr> 
    <tr> 
    <td>C</td> 
    <td>D</td>    
    </tr>  
</table> 

鏈接我與此代碼嘗試，但不工作

var cell = document.createElement("a"); 
innercell .setAttribute("href","#");      
document.getElementsByTagName("table")[0].rows[1].cells[0].appendChild(innercell); 

Answer 1

它添加到window.onload事件

var td = document.getElementsByTagName("td")[0]; //change the index in actual page 
var a = document.createElement("a"); 
a.setAttribute('href',"link.html"); // replace "link.html" with your own link 
a.innerHTML = "link text"; 
td.appendChild(a); 

Answer 2

使用錨通常很簡單，由於最終的結果沒有被描述得很好給這個前。

如果你想錨鍵入

<a id="ANCHOR_NAME">Some Random Thing</a> 

在您想要的鏈接錨是剛剛輸入

<a href="#ANCHOR_NAME">Visit the Anchor</a> 

您可以鏈接到一個錨使用href="page.html#anchor"另一頁上。

Answer 3

我想插入使用JavaScript或JQuery的
例如一列內的錨標記改變第一列的值「A」是使用JavaScript或JQuery的

鏈接

<table> 
    <tr> 
    <th>FirstName</th> 
    <th>LastName</th>    
    </tr> 
    <tr> 
    <td id="first">A</td> 
    <td>B</td>    
    </tr> 
    <tr> 
    <td>C</td> 
    <td>D</td>    
    </tr>  
</table> 

jQuery的實施例：

$("#first").text('<a href="http://www.google.com">Google</a>'); 

編輯：正如你不希望使用一個ID，

$("td").first().text('<a href="http://www.google.com">Google</a>');