使用jquery从链接更改html文本

Question

这是一个简单的问题

有没有办法改变文本"点击这里"

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

在这个链接

理查德

Answer 1

您必须使用jquery的text()函数.它的作用是:

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

结果是一个字符串,其中包含所有匹配元素的组合文本内容.此方法适用于HTML和XML文档.不能用于输入元素.对于输入字段文本,请使用 val属性.

例如:

找到第一段中的文本(删除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>

Answer 2

您正在寻找的方法是jQuery的.text(),您可以按以下方式使用它:

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

Answer 3

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

要么

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

Answer 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>

Answer 5

来自W3 Schools HTML DOM更改:如果您查看第3个示例,它会显示如何更改链接中的文本,"单击此处".例:

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

JS:

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

Answer 6

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

用于原始链接文本

我用：

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

哪里

   Sector1 = 'my new link text';