jquery - 单击时更改 anchor 文本但不更改跨度

Question

我试图在单击元素时更改 anchor ( <a href=> ) 的文本。

html结构是:

<h1>
  <a href="">
      change this text
      <span class="breadcrumb">Do not change this text</span>
  </a> 
</h1>

Jquery:

var clickedtext = 'Different Text for A href';
$('h1 a').not('span.breadcrumb').text(clickedtext);

但由于某种原因，它删除了 <a href> 下的所有内容并输入该文本。

非常感谢任何帮助。

Answer 1

如果使用节点，则可以直接分配文本。

$("a").click(function (e) {
  e.preventDefault();
  $(this).contents().get(0).nodeValue = "new a href text"
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1><a href="">change this text<span class="breadcrumb">Do not change this text</span></a> </h1>