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

Question

我正在尝试使用 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 变量应该显示带有文本的值。那么我哪里可能出错了？

Answer 1

只用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>