javascript - 如何仅更改链接内的文本

Question

我有以下链接，我想将其文本从“新子网站”修改为“创建新客户网站”:-

所以我写了以下 jquery :-

$('a#createnewsite').text('Create New Customer Site');

它不仅替换了文本，还替换了包含“+”图像的范围，而我试图保留除替换文本之外的所有内容。这是应用 jQuery 后的结果:-

Answer 1

可以使用 jQuery.contents 选择文本节点与 jQuery.filter 一起:

$(function() {
  $("a#createnewsite").contents().filter(function() {
    // filter text nodes that contain one or more non-whitespace characters
    return this.nodeType === Node.TEXT_NODE && /\S/.test(this.nodeValue);
  }).replaceWith("new text");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<a id="createnewsite" href="#">
  <span>
    <img src="http://dummyimage.com/64x64/000/fff" width="64" height="64">
  </span>
  new subsite
</a>