jquery prepend <span> 不自动添加结束标记答案

【问题标题】：jquery prepend <span> without automatically adding the closing tagjquery prepend <span> 不自动添加结束标记
【发布时间】：2011-02-19 03:40:08
【问题描述】：

我正在尝试在<a> 标记的内容周围添加一个<span> 标记。

没有 js 的 HTML 渲染如下： <a href="#">Link Here</a>

我想在链接中添加<span>，如下所示：<a href="#"><span>Link Here</span></a>

我的想法是“前置”开始跨度并将结束标记“附加”到 a，但是我无法通过前置。当我尝试添加“跨度”时，它会自动添加结束 </span> 标记。这是我正在使用的脚本

$(document).ready(function () {
    $('a.button2').prepend('<span>');
});

这是渲染的内容：

<a href="#"><span></span>Link Here</a>

有没有办法只添加开始标签，以便我以后可以附加结束标签，或者解决这个问题的其他方法？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

使用wrapInner() 将a.button2 元素的内容包装在span 中：

$('a.button2').wrapInner('<span />');

【讨论】：

如何通过包装元素来实现这一点？例如：我的 html 输出如下 ...<table> <tbody> <tr id="foo"> <td>Some content here ...</td> </tr> <tr id="bar"> <td>Something here ...</td> </tr> </table> </tbody> </table> 在 #bar 之前 ...我需要 '' 标签，但是当使用 .wrapInner 或 .prepend 函数时，我得到 '
' 自动。有任何想法吗？谢谢。