使用 jquery 更改链接中的 html 文本

IT技术 javascript jquery dom hyperlink
2021-02-21 02:28:59

这里有一个简单的问题

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

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

在这个链接

理查德

6个回答

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

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

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

或者

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

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

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

对于原始链接文本

我用:

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

在哪里

   Sector1 = 'my new link text';