使用 jquery 从链接更改 html 文本

Posted 2023-05-09

【中文标题】使用 jquery 从链接更改 html 文本

【英文标题】：change html text from link with jquery

【发布时间】：2010-10-28 11:09:04

【问题描述】：

这里有一个简单的问题

有没有办法改变“点击这里”的文字

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

在这个链接中

理查德

【参考方案1】：

您必须使用jquery's text() function。它的作用是：

获取所有的组合文本内容 匹配的元素。

结果是 包含组合文本的字符串 所有匹配元素的内容。这 方法适用于 html 和 XML 文件。不能用于输入 元素。对于输入字段文本，使用 val attribute.

例如：

在第一段中查找文本 （剥离 html），然后设置 最后一段的html来显示它 只是文本（粗体消失了）。

var str = $("p:first").text();
$("p:last").html(str);

测试段落。

测试段落。

您必须使用您的标记：

$('a#a_tbnotesverbergen').text('new text');

它会导致

<a id="a_tbnotesverbergen" href="#nothing">new text</a>

【参考方案2】：

您要查找的方法是jQuery's .text()，您可以按以下方式使用它：

$('#a_tbnotesverbergen').text('text here');

【参考方案3】：

$('#a_tbnotesverbergen').text('My New Link Text');

或

$('#a_tbnotesverbergen').html('My New Link Text or HTML');

【参考方案4】：

您需要 J-query 库来简单地做到这一点：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

首先你需要像这样把你的元素放在 div 中：

<div id="divClickHere">
<a id="a_tbnotesverbergen" href="#nothing">click here</a>
</div>

那么你应该编写这个 J-Query 代码：

<script type="text/javascript">
$(document).ready(function()
$("#a_tbnotesverbergen").click(function()
$("#divClickHere a").text('Your new text');
);
);
</script>

【参考方案5】：

我发现这是完成工作的最简单的一段代码。如您所见，它非常简单。

对于 原文链接

我用：

    $("#sec1").text(Sector1);

在哪里

   Sector1 = 'my new link text';

【参考方案6】：

来自 W3 Schools HTML DOM Changes：如果您查看第三个示例，它显示了如何更改链接中的文本，“单击此处”。 示例：

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

JS：

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";

【参考方案7】：

在 javascript 中试试这个

 document.getElementById("22IdMObileFull").text ="itsClicked"