jquery 把input 动态加上超链接

var link=document.createElement('a')

//link可以添加一些属性

a.appendChild(input)

input.parentNode.appendChild(link)

//input 是获取到的input节点

$(this).wrap("<a

href='"+a+"'

></a>")

主要就是因为你的这个a被当成了一个字符，而不是一个字符串。

你先写"<a

href='"是一个字符串，然后用+拼接字符串，把变量a连接上，再加上后面的字符串"'

></a>"。

这样输出的时候a会被它的内容XXX给替换掉，变成<a

href="XXX"></a>。

思路：获取行对象→获取列对象→使用innerHTML为单元格添加超链接内容，实例演示如下：

1、HTML结构

<table id = "test">

<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

第<input type="text" id="row">行第<input type="text" id="col">列<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun(){

row = document.getElementById("row").value - 1

col = document.getElementById("col").value - 1

tr = document.getElementById("test").getElementsByTagName("tr")

td = tr[row].getElementsByTagName("td")[col]

td.innerHTML = "<a href='#'>超链接</a>"

}

3、效果演示

---