如何删除 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 而不是检索其值以进行进一步操作。

我怎样才能达到我想要的?

泰勒·罗珀

你很亲近。我建议链接一个.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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章