将 <a> 元素添加到现有的 Javascript 变量以用于 .html 语句

Question

我正在尝试在当前作为 Javascript 变量存在的字符串周围添加一个 <a> 元素。结果元素应显示为：'copyright symbol' + 'companyName' + '今年的日期'。但是只有变量 'companyName' 作为 html link

现有 JS

const companyName = "ANY BUSINESS NAME";

function setCopyrightText() {
    $("#ifcCopyright").html("&copy; " + companyName + " " + new Date().getFullYear());
}

现有HTML

<span class="textHeavy fontWhite" id="ifcCopyright"></span>

我尝试了几种方法，我开始意识到必须有一个更简单的解决方案，但我错过了它_我已经在 Stack 上找到了几个答案，但没有找到我需要的东西

提前感谢您的任何建议

Answer 1

.html() 取一个HTML的字符串作为每个匹配元素的内容。你试过这个吗:

const companyName = "ANY BUSINESS NAME";

function setCopyrightText() {
    $("#ifcCopyright").html("&copy; <a href='https://www.google.com' target='_blank'>" + companyName + "</a>" + new Date().getFullYear());
} 

setCopyrightText();

Codepen

Answer 2

请将 link 放到贵公司网站上 # 当前所在的位置。

const companyName = "Peuconomia Int'l Pvt. Ltd.";

function setCopyrightText() {
    $("#ifcCopyright").html("&copy; <a href=\"#\">" + companyName + "</a> " + new Date().getFullYear().toString());
}

setCopyrightText();

将 <a> 元素添加到现有的 Javascript 变量以用于 .html 语句

Adding <a> element to an existing Javascript variable for use in .html statement

javascript

hyperlink