jquery - 使用 jquery 将 HTML 结构包裹在文本周围

Question

我试图将 Achor 标记动态包装到电子邮件 ID，我面临的问题是我的 html 代码：

<tr>
  <td id='label'>
    email
  </td>
  <td>
    <div>
      abc@gmail.com
    </div>
  </td>
</tr>

我正在尝试的 jquery 代码将 Achor 标记包装到 div ：

$("tr td#label:contains('email')").next().each(function(){ 

   $(this).wrapInner('<a href="mailto:'+$(this).text()+'">');

});

我如何将 Achor 标签包装到 Email-Id。我怎样才能做到这一点？

Answer 1

首先修改标记以使用classinsted of id：

<tr>
  <td class='label'>
    email
  </td>
  <td>
    <div>
      abc@gmail.com
    </div>
  </td>
</tr>

脚本：

$(".label:contains('email')").each(function(){
    var email = $(this).closest('td').next('td').find('div').text();
    $(this).html('<a href="mailto:'+email+'">email</a>');
});