javascript - 获取嵌套在 jQuery 元素中的文本

Question

我有这个 DOM 结构:

<span id="aa"><a id="bb">myname</a> test test test</span>

我希望能够选择#aa，然后将#bb 从文本“test test test”中分离出来，因为我需要对文本执行一些字符串操作(替换)。在这种情况下如何只选择文本？然后在字符串替换操作之后，我想确保我可以将它合并回#bb 并在#aa 内。

让我知道最好的方法。谢谢

Answer 1

您可以暂时删除 DOM 元素:

$(function () {
  var $aa = $('#aa'),
      $bb = $('#bb');
  $bb.remove(); // remove bb
  $aa.text($aa.text().replace(/test/g, 'replaced')); // text manipulations on aa
  $bb.prependTo($aa); // restore the removed element
});

remove函数从 DOM 中删除元素，但元素在 jQuery 对象上仍然可用，允许您进一步使用它。

检查示例 here .