更新 div 中 href 內的部分文本值

Question

是否可以使用 jquery 更新下方 div 中的文本“changethis”？ 我認為 .html 方法在這里不夠用，因為我只想更新 html 的一部分，而不是全部。

<div id="test">
<a title="http://stackoverflow.com" href="http://stackoverflow.com">changethis</a>
</div>

Answer 1

$('#test a').html('newText');

要么

$('#test a').text('newText');

Answer 2

這個

$("#test a").html("changed it");

將產生：

<div id="test">
<a title="http://stackoverflow.com" href="http://stackoverflow.com">changed it</a>
</div>

Answer 3

您應該能夠使用 Jquery 的內置.text() function

EG $('#test a').text('New Text');

Answer 4

我建議在鏈接中使用第二個 div 元素。 或者如果可能的話 select 鏈接元素本身。

另一種選擇是將錨標記硬編碼到您的寫入代碼中

.html("<a title='http://stackoverflow.com' href='http://stackoverflow.com'>"+newtext+"</a>");