jquery .inside()?答案

【问题标题】：jquery .inside()?jquery .inside()?
【发布时间】：2010-05-14 18:30:25
【问题描述】：

我想知道是否可以在 html 标签中插入内容。假设你有一个 h4 标签：

<h4>Some Header</h4>

并且您希望文本也被带有“line”类的 span 包围。像这样：

<h4><span class="line">Some Header</span></h4>

我知道 .after() 之类的东西，但有没有 .inside() 之类的东西可以做到这一点？ \

好的...我知道我可以手动执行此操作，但在这种情况下这是不可能的。

谢谢

【问题讨论】：

标签： jquery tags

【解决方案1】：

$('h4').wrapInner('<span class="line" />');

【讨论】：

【解决方案2】：

这应该可行：

$('h4').contents().wrapAll('<span class="line" />');

【讨论】：

【解决方案3】：

是的，它叫做 $.wrapInner()

<h4>Some Header</h4>

然后：

$('h4').wrapInner('<span class="line" />');

【讨论】：

【解决方案4】：

你应该试试wrapInner。

.wrapInner() 函数可以接受任何可以传递的字符串或对象到 $() 工厂函数来指定一个 DOM 结构。这种结构可能是嵌套了几层深，但应该只包含一个最里面的元素。这结构将缠绕在中每个元素的内容一组匹配的元素。

【讨论】：

【解决方案5】：

如果您想查找现有内容并将其包装起来（这样<h4> 的内容会被<span> 包装，如图所示），请尝试wrap 和children。

【讨论】：