Javascript Jquery只需单击一下即可将文本更改为URL

我现在在谷歌网站工作。我在页面中添加了一个HTML框，并添加了脚本。脚本应该做的是，当我单击一个文本时，该文本会更改其显示文本并向其添加href。文本在“td”表格中，类为“hey”。我的第一个功能是

 function showitnow() {
 var div_data = "<br> <br> <a href='https://www.google.com'>Test</a>";
 $(".hey").html(div_data);
}

$(".hey").click(function() {
    showitnow();
});

函数showitnow（）{
var div_data=“

”；
$（“.hey”）.html（div_数据）；
}
$（“.hey”）。单击（函数（）{
showitnow（）；
});

我从这里复制了这个函数。当我单击类为“嘿”的字段时，它只会将我的文本更改为“Test”。该网站知道，“Test”是一个链接，但是href不见了，所以当你点击它时什么也不会发生。在此之后，我尝试使用论坛上提到的setAttribute和setProperties函数，但它们也不起作用。我注意到，在Jquery的一些版本中，当我单击文本时，Firebug控制台会显示“拒绝.setAttribute”

我的问题是，这些功能在谷歌网站上是被禁止的，还是有其他方法可以添加链接和更改显示文本

我正在使用Jquery的1.10.1版。

试试这个

 $(".hey").click(function() {
        var div_data = "<br> <br> <a href='https://www.google.com'>Test</a>";

     $(this).append(div_data );
    });

$（“.hey”）。单击（函数（）{
var div_data=“

”；
$（此）.append（div_数据）；
});

试试这个：

$(document).ready(function(){
    $(".hey").click(function() {
        var div_data = '<br> <br> <a href="https://www.google.com" target="_blank">Test</a>';
         $(".hey").html(div_data);
    });
})  

$（文档）.ready（函数（）{
$（“.hey”）。单击（函数（）{
var div_data='

'；
$（“.hey”）.html（div_数据）；
});
})  

---

单击时，您是否看到控制台日志中出现了什么错误？如我所说，如果要更改属性，控制台会说“拒绝.setAttribute”无需设置属性，因为您已经在div_数据中的href中设置了属性。我已经把我的代码作为一个答案，我已经测试过了，所以使用它。我知道。我的意思是，我也尝试过这样做，设置一个属性，为你的答案问你。我已经尝试了您的代码，但它不能与“.each（）”一起使用。如果删除“.each（）”-部分，href仍然为空。test您是否获得解决方案test的href仍然为空ref仍然为空。我忘记发布此错误，即“无法在ES5/3模式下模拟复杂事件处理程序div onsubmit=“t”。我用谷歌搜索了这个错误。我唯一发现的是Jquery版本很重要，但我已经尝试了不同版本的Jqueryi，并在我的答案中添加了JSFIDLE demo。你可以看到那个演示。这正是我想要的。我在谷歌网站上尝试过你的代码，但它只是将displaytext改为“Test”，然后Firebug说这就像这个“Test”，你可以尝试将html包装在

$（）

中，以便将其视为片段而不是字符串？像这样：

$（'

'）