时间戳

首页 > 解决方案 > 如何删除 h1 标签的一部分并在其他地方使用它，使 h1 保持不变

javascript - 如何删除 h1 标签的一部分并在其他地方使用它，使 h1 保持不变

问题描述

我有以下标签：

<h1><span>FOO</span> Rest of my title</h1>

我想检索“我的标题的其余部分”以将其附加到其他地方（没有跨度）；而且，我希望 h1 保持不变（没有删除跨度）。

到目前为止我正在做的是：

var h1 = $("h1");
var result = $(h1).find("span").remove().end().text();
alert(result);

=> 会转

<h1><span>FOO</span> Rest of my title</h1>

进入

<h1>Rest of my title</h1>

我认为我正在修改 H1 而不是检索其值以进行进一步操作。

我怎样才能实现我想要的？

标签： javascriptjqueryhtml

解决方案

你很亲密。我建议链接 a .clone()after$(h1)这样您就不会操纵页面上的项目，而是它的临时副本。

var h1 = $("h1");
var result = $(h1).clone().find("span").remove().end().text();
console.log(result);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1><span>FOO</span> Rest of my title</h1>

推荐阅读