gpt4 book ai didi

javascript - 使用 js 和 jquery 添加文本链接

转载 作者:行者123 更新时间:2023-11-28 16:54:46 24 4
gpt4 key购买 nike

我正在尝试使用 javascript 和 jquery 添加文本链接。但是当我尝试它时,它将显示 [object Text] 作为输出。我的尝试如下。

 var remId = $('#userId').text(); 
var a = document.createElement('a');
var linkText = document.createTextNode(remId);
a.appendChild(linkText);
a.title = "my title text";
a.href = "http://example.com";
a.id="fre";
document.body.appendChild(a);

$('#userId').text(linkText);
console.log(linkText);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="one">
<div class="two">
<p id="userId">
abc
</p>
</div>
</div>

上面的 linkText 变量应该显示带有文本的值。那么我哪里可能出错了?

最佳答案

只用jquery太简单了

$('#userId').html('<a href="http://example.com" title="my title tex" id="fre"> '+ $('#userId').text() + ' </a>');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="one">
<div class="two">
<p id="userId">
abc
</p>
</div>
</div>

关于javascript - 使用 js 和 jquery 添加文本链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59421071/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com