javascript - 如何更改元素的文本而不影响其子元素？

Question

我有以下 div，想要更改“没有帐户？”的文本。到别的东西。

我已经尝试过$('a#createAccount').text'some text)或.html('some text'); 与 $('.create p') 相同，但它删除了 <a> .

<div class="create">
  <p>
    Don't have an account?<a id="createAccount" tabindex="1" href="https://somewebsite.com">Sign up now</a>
  </p>
</div>

仅更改文本，留下 <a>不变

Answer 1

您可以选择 anchor 标记，将其放入变量中，覆盖段落内容，然后将 anchor 标记附加回其中。

let anchor = $('a#createAccount');
let paragraph = $('.create p')
paragraph.text("New text ");
paragraph.append(anchor);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="create">
  <p>
    Don't have an account?<a id="createAccount" tabindex="1" href="/b3c3aa0d-d4db-459d-8bf6-ed1538d45256/B2C_1_sign_up_sign_in_persona...">Sign up now</a>
  </p>
</div>