javascript - 如何使用 jQuery 或 javascript 在 div 内的 insidehtml 文本后添加跨度？

我的文档结构如下所示:

<div class="text">
     Send email 
</div>

如何在文本后插入 span 标记，以使最终文档结构如下所示:

<div class="text">
     Send email <span class="envelope"></span>
</div>

最佳答案

只需使用 jQuery#append 。我还打印了 div 的 html 结构来看看它是什么样的。

const div = $('.text');

div.append('<span class="envelope">Envelop</span>');

console.log(div.html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text"> Send email </div>

关于javascript - 如何使用 jQuery 或 javascript 在 div 内的 insidehtml 文本后添加跨度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47748482/