Javascript td元素中未正确显示超链接 < >我可以创建超链接 TD/元素，但是每当我在“代码> TD 单元格中的空白处单击时，HTML代码（）； }); });

提前谢谢

---

奇兰吉特

我不确定，但你可以试试这个吗

$(document).ready(function(){
   $('#s_1_l').find("tr").each(function() {
        $(this).find("td").eq(2).html('<a href="javascript:;">'+$(this).find("td").eq(2).text()+'</a>');
   });
});

$（文档）.ready（函数（）{
$（'s#u 1_l'）。查找（“tr”）。每个（函数（）{
$（this.find（“td”）.eq（2）.html（“”）；
});
});

---

如果没有，请显示您的html代码。

使用css，您可以尝试以下操作：

td {
  padding: 0;
}

td a {
    display:block;
    width:100%;
    height: 100%;
}

或者，您可以直接在

td

上绑定一个点击事件：

$('#s_1_l').find("tr").each(function() {
    $(this).find("td").eq(2).addClass('td-link');
    $(this).find("td").eq(2).click(function () {
        // do things
       console.log($(this).html())
    });
});

---

为什么要创建超链接？ 很抱歉，这没有太多意义，如果您想为这些TD元素附加一些函数（单击时会触发），那么您应该只为这些TD元素附加一个侦听器。因为您已经在使用jQuery，请使用以下内容：

$("#s_1_l td:nth-child(3)").click(function(){
// what should be done when the users clicks
});

//make the cursor a pointer for it.
$("#s_1_l td:nth-child(3)").css("cursor","pointer");

这比在每个集合中循环并添加a href要轻得多

---

请参阅和示例：

我不太理解您的问题。当您单击

td

中的文本时，链接文本将替换为

，以重新创建问题？我正在Siebel生成的小程序中执行此操作（打开UI）我没有任何HTML页面来处理。只有通过JS，我才需要为一个特定的列添加这个动态的HREF标签，以便点击文本（而不是在TD单元格中的空白区域）。将打开一个新的窗口。谢谢你的帮助。但是我只想让文本在TD超链接内，点击它将带他到一个特定的URL。但是在这里我看到整个TD是超链接的。在上面提到的代码中，我得到了正确的，除了每当我点击TD单元格中的空白时，动态添加的HTML代码。显示替换td的文本。
$("#s_1_l td:nth-child(3)").click(function(){
// what should be done when the users clicks
});

//make the cursor a pointer for it.
$("#s_1_l td:nth-child(3)").css("cursor","pointer");