我正在手动维护一个 HTML 文档,我正在寻找一种方法来自动在表格中的文本周围插入链接。让我举例说明:
<table><tr><td class="case">123456</td></tr></table>
我想在我们的错误跟踪系统(顺便说一句,是 FogBugz)中自动使 TD 中具有类“case”的每个文本都成为该案例的链接。
所以我希望将“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
之类的东西来应用它,或者直接将它包含在页面末尾。
关于html - 使用 CSS 插入链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/165082/