javascript - 使用 jQuery 创建具有特定类的元素的链接

Question

如何使用从 div 内的文本构建的链接来包装属于特定类的每个元素？我的意思是我想转向:

<foo class="my-class>sometext</foo>

进入

<a href="path/sometext" ><foo class="my-class>sometext</foo></a>

URL 编码字符也很好，但如果需要的话现在可以忽略。

编辑:为了澄清，路径取决于元素内的文本

Answer 1

使用jQuery.wrap()对于简单的情况:

$(".my-class").wrap("<a href='path/sometext'></a>");

处理里面的文本:

$(".my-class").each(function() {
  var txt = $(this).text();
  var link = $("<a></a>").attr("href", "path/" + txt);
  $(this).wrap(link[0]);
});