如何仅针对特定父类将一个元素插入到另一个元素中？

Question

我有与提到的类似问题这里但需要添加

因此：

<section class="ast-archive-entry-banner">
 <div class="ast-container">
  <h1>Title</h1>
 </div>
</section>

对此：

<section class="ast-archive-entry-banner">
<div class="ast-container">
<h1><span class="my-class">Title</span></h1>
</div>
</section>

将不胜感激任何帮助，因为我对 jQuery 不了解，这是唯一对我有用的解决方案，因为我最近几天找到了解决方案。

谢谢！

尝试从上面的链接更改解决方案，但没有成功。

Answer 1

您可以使用以下脚本：

$(document).ready(function(){
    $(".ast-archive-entry-banner h1").html(function(){
        return '<span class="my-class">' + $(this).text() + '</span>';
    });
});

此脚本在指定部分中查找 h1 元素，并用类为“my-class”的 span 元素包装其内容。

希望这是您正在寻找的。