javascript - Jquery prepend 基于自己的内容

Question

我需要 jQuery 中的一些东西，但无法弄清楚。

我得到了这个 html:

 <h2>My Name 1</h2>
 <h2>My Name 2</h2>
 // many more

在 jQuery 中，我想获取这个 `h2' 的内容并需要它用于:

 <h2><a href="My Name 1">My Name 1</a></h2>

这是有效的:

 jQuery(".content h2").prepend("<a href=''>").append("</a>");

但是 href 必须基于它的内容...该怎么做？

谢谢!

Answer 1

您不能附加一大块 HTML 元素，例如 a 标记的一半。浏览器会修复此类无效的 HTML，并且不会呈现它。

使用wrapInner方法:

$('.content h2').wrapInner('<a href="something"></a>');

如果链接 href 属性以某种方式取决于实际 h2 内容，那么您应该使用函数作为 wrapInner 参数，请参阅 Rory McCrossan 的 answer .例如设置href与h2内容相同可以是:

$('h2').wrapInner(function() {
    return '<a href="' + $(this).text() + '"></a>';
});