在 td 中用相同的超链接包装超链接答案

【问题标题】：Wrap hyperlink in td with same hyperlink在 td 中用相同的超链接包装超链接
【发布时间】：2014-07-23 16:05:54
【问题描述】：

不知道如何写标题。

基本上我在第三列有一个带有链接的表格。这些只是文本，不是实际的超链接。

jQuery 有没有办法将文本保存为变量，然后用自身包装该文本？这有意义吗？

$("tr").each(function(){
    var sitename = $("td.column-3",this)
    $('table tr td:nth-child(3) ').contents().wrap('<a href="/hello/" />');
})

我想用

.wrap('<a href="/'+sitename+/" />');

改为。

有人帮忙吗？？

【问题讨论】：

.html() 在链接上会给你想要保留的文字。
sitename 是一个 jQuery 对象 - 如果将其附加到字符串中，您将看到 [object Object]。您要从该选择器附加什么值？
看看jsfiddle.net/pnhPG。这是将<a> 元素绑定到整个<td>。这是你需要的吗？
cr0ss 非常完美。如果您查看icebergmags.co.uk，您会发现现在有一个小问题。

标签： javascript jquery html hyperlink html-table

【解决方案1】：

看看这个FIDDLE

这是将<a> 元素包装到整个<td>，将href 设置为td 内的文本。

$(function () {

    $("tr").each(function () {
        var sitename = $("td.column-3", this);
        sitename.wrap('<a href=' + sitename.text() + ' />');
    })

});

【讨论】：

有没有办法让 if 为空？因为如果您查看icebergmags.co.uk 中没有任何内容的字段，我认为会破坏它吗？到目前为止感谢 cr0ss！