我正在手工维护一个HTML文档,并且正在寻找一种自动在表格中的文本周围插入链接的方法。让我说明一下:
<table><tr><td class="case">123456</td></tr></table>
我想在我们的错误跟踪系统(顺便说一下,是FogBugz)中自动将类为“ case”的TD中的每个文本链接到该案例。
因此,我希望将“ 123456”更改为这种形式的链接:
<a href="http://bugs.example.com/fogbugz/default.php?123456">123456</a>
那可能吗?我玩过:before和:after伪元素,但是似乎没有办法重复案例编号。
不适用于跨浏览器的方式。但是,您可以使用一些相对琐碎的Javascript来实现。
function makeCasesClickable(){ var cells = document.getElementsByTagName('td') for (var i = 0, cell; cell = cells[i]; i++){ if (cell.className != 'case') continue var caseId = cell.innerHTML cell.innerHTML = '' var link = document.createElement('a') link.href = 'http://bugs.example.com/fogbugz/default.php?' + caseId link.appendChild(document.createTextNode(caseId)) cell.appendChild(link) } }
您可以将其应用为onload = makeCasesClickable,或直接在页面末尾添加。
onload = makeCasesClickable