从jQuery链接更改HTML文本


113

这里一个简单的问题

有没有办法更改文本“单击此处”

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

在此链接

理查德

Answers:


164

您必须使用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>


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

要么

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

14

您需要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>

7

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

用于原始链接文本

我用:

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

哪里

   Sector1 = 'my new link text';

6

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

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

JS:

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.